Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设置动态输入字段的角度方法?_Javascript_Html_Angularjs_Angular Ui - Fatal编程技术网

Javascript 设置动态输入字段的角度方法?

Javascript 设置动态输入字段的角度方法?,javascript,html,angularjs,angular-ui,Javascript,Html,Angularjs,Angular Ui,假设有一个文本输入字段,用户将在其中输入ID。之后,用户将能够单击“添加”按钮进行确认。单击该按钮后,我想向我的服务器发送一个请求并获取一个“名称”。然后我想禁用文本输入字段,隐藏“添加”按钮,并在“添加”按钮原来所在的位置显示数字输入字段 我该如何用角度的方式来构建这个呢?我刚刚开始使用Angular,对概念有点熟悉,但我很难正确思考这个问题。您应该使用ng show、ng hide、ng disabled和ng click来完成此操作 您必须记住的是,您不应该直接在控制器中编辑DOM。您应该

假设有一个文本输入字段,用户将在其中输入ID。之后,用户将能够单击“添加”按钮进行确认。单击该按钮后,我想向我的服务器发送一个请求并获取一个“名称”。然后我想禁用文本输入字段,隐藏“添加”按钮,并在“添加”按钮原来所在的位置显示数字输入字段


我该如何用角度的方式来构建这个呢?我刚刚开始使用Angular,对概念有点熟悉,但我很难正确思考这个问题。

您应该使用ng show、ng hide、ng disabled和ng click来完成此操作

您必须记住的是,您不应该直接在控制器中编辑DOM。您应该使用现有指令或创建自己的指令。在这种情况下,您所需要的一切都已经存在

你应该这样做:

<input type="text" ng-model="textValue" ng-disabled="numberValue"> 
<button ng-hide="numberValue" ng-click="sendData">Send</button>
<input type="number" ng-model="numberValue" ng-show="numberValue">

发送

在控制器中,您将在sendData方法中调用服务器,并将结果分配给numberData属性。如果要在加载数据时禁用该按钮,可以添加第二个属性,该属性将在启动对服务器的调用时设置为true,并在请求的回调方法中设置为false。然后在该属性上为按钮添加一个ng disabled。

您可能会使用类似于
ng click
的方法在当前作用域上触发一个方法,该方法为您工作-但是,您是否可以显示您自己尝试过的方法,以便我们可以帮助解决更具体的问题?a++将再次阅读。我肯定是想通过编写一个自定义指令来让事情变得过于复杂。