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

Question

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

Answer 1

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

Answer 2

的伍-隐藏

<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>

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

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