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

Question

我很擅长 jQuery，但 Angular 还不是我最擅长的技能之一。我在 jQuery 中有下面的 JSFiddle，但现在发现我不能使用 jQuery，所以我被迫使用 Angular。

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

我想要做的是在输入字段中输入内容后显示一个按钮，并在输入字段为空白时将其删除(因此在初始状态或退格时没有留下字母)，就像示例。

我该怎么做？如何将按钮绑定(bind)到按键，因为我正在努力找出答案。

我尝试过这样的事情:

<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 就是你在 Angular 中所需要的一切

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

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