如何将 ng-model 与 ng-hide 一起使用？

Question

我有一个使用 ng-model 的输入字段，当输入的长度大于 3 个字符时，我想使用 ng-hide 隐藏一个元素。我应该如何处理这个？非常感谢任何帮助。

Answer 1

<element-to-hide ng-hide="inputModelHere.length > 3" />

Answer 2

Ng-Hide

<div>
  <input type="text" ng-model="letter" ng-hide="letter.length > 3"/>
</div>

基本上我在上面做的是设置 ng-model 然后我在文本中做一个表达式。该表达式指出，如果模型字母（A.K.A 输入文本）的长度大于 3，则将其隐藏。以下是 ng-hide 的官方文档：

https://docs.angularjs.org/api/ng/directive/ngHide

ng-hide 的语法如下：

<element ng-hide="expression"></element>

因此，如果表达式变为真，那么它隐藏如果不是它显示。谈论展示你也可以用 ng-show 指令做相反的事情

吴秀

<element ng-show="expression"></element>

在这种情况下，如果表达式为真，它将显示，否则将隐藏。以下是 ng-show 的官方文档：

https://docs.angularjs.org/api/ng/directive/ngShow