设置“动态输入”字段的角度方式

Angular way of setting up a Dynamic Input field?

本文关键字：方式 字段 动态 输入 动态输入 设置      更新时间：2023-09-26

假设有一个文本输入字段，用户将在其中输入ID。之后，用户可以点击"添加"按钮进行确认。单击该按钮后，我想向服务器发送一个发送请求并获取一个"名称"。然后我想禁用文本输入字段，隐藏"添加"按钮，并显示一个数字输入字段，其中"添加"键曾经是。

我该如何以Angular的方式构建它？我刚开始使用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。

相关文章：