javascript - 键入Angular后如何显示(和隐藏)按钮？

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

http://jsfiddle.net/eAt6Q/1/

我想做的是，在示例中，在输入字段中键入内容后显示一个按钮，然后在输入字段为空时将其删除（因此在初始状态或退格且没有字母时）。

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

我已经尝试过这样的事情：

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

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

但这是行不通的，我确定我做错了什么。

最佳答案

ng-model是您所需的全部

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

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