Question

我在jQuery方面相当不错，但Angular不是（还是！）我最强大的技能之一。我在jQuery中有以下JSFiddle，但现在事实证明我不能使用jQuery，所以我被迫使用Angular。

我想要做的是在输入字段中键入内容后显示一个按钮，并在输入字段为空时删除它（因此在初始状态或退避时没有字母留下），就像在例子。

我该怎么做？如何将按钮绑定到按键，因为我很难找到它。

我尝试过这样的事情：

<input type="text" id="testInput" />
   <button ng-if="testInput.length"></button>

<input type="text" id="testInput" />
   <button ng-hide="testInput.length"></button>

但这不起作用，我肯定知道我做错了什么。

Answer 1

ng-model就是你需要的角度

<input type="text" id="testInput" ng-model="testInput" />
<button ng-show="testInput !== null "></button>

您可以使用ng-blur进行更多操作

Answer 2

你可以使用ng-show或ng-if来隐藏按钮但是ng-if更适合隐藏dom中的按钮

<input type="text" id="testInput" ng-model="testInput" />
<button ng-if="testInput !== null || testInput.length > 0"></button>

或者你也可以使用ng-disabled禁用按钮而不用隐藏。

键入Angular后如何显示（和隐藏）按钮？

2 个答案: