Question

我正在学习angularjs。我对ng-show和ng-bind

有疑问

    Here in this code it binds value and displays it.
        <input type="text" ng-model="name">
        <p ng-bind="name"></p>

    Here in this code it appends from Hello 
        <h1 ng-show="sometext">Hello {{ sometext }}</h1>

我想知道其中的差异。

Answer 1

ngBind属性告诉Angular将指定HTML元素的文本内容替换为给定表达式的值，并在该表达式的值更改时更新文本内容。

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

这与ng-show所做的不同，因为ng-show没有替换，只是基于布尔值的状态切换。

ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素。通过删除或添加.ng-hide CSS类来显示或隐藏元素。

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

Answer 2

ng-show根据提供的表达式显示或隐藏给定元素，ng-bind告诉AngularJs用指定表达式的值替换指定元素的文本内容。

Answer 3

ng-bind将仅使用模型中的值替换元素中的文本，ng-show用于控制是否显示元素并基于布尔值（真值和假值）。它恰好发生了，因为sometext包含一个值，它是真实的，所以它也会显示元素。

Answer 4

他们完全不同：

ng-bind，将引用模型中的值绑定到bin所在的elemend的内容，它与以下内容相同：

<p>{{ name }}</p>

当您想要某些内容出现或未给出某些条件表达式时，会使用

ng-show（以及ng-hide）。因此，在这种情况下，h1仅在“sometext”是评估为true的表达式时出现

angular-show和angular-bind之间有什么区别？

4 个答案: