javascript - Ng-Model ="something.$"是什么意思?

标签 javascript angularjs angularjs-directive angularjs-filter

我是 Angular 的新手,我在阅读过滤器文档时看到了这段代码。

    <label>Any: <input ng-model="search.$"></label> <br>
    <label>Name only <input ng-model="search.name"></label><br>
    <label>Phone only <input ng-model="search.phone"></label><br>


    <tr ng-repeat="friendObj in friends | filter:search:strict">

我不清楚 ng-model="search.$" 的含义。与ng-model 的两种绑定(bind)方式很清楚,但是"search.$" 呢?那是做什么的,它是如何与过滤器一起工作的。

我尝试搜索此内容,但找不到任何内容。谢谢!

最佳答案

它特定于过滤器 逻辑。 $ 用作属性匹配器,以匹配列表中对象的所有属性的值。因此,在您的过滤器中,绑定(bind)表达式是对象 search 并将匹配器字符串指定为 $ 属性(这是搜索输入的 ng-model) search 将使过滤器能够比较 friendObj 的所有属性的值以进行匹配。

See doc

Note that a named property will match properties on the same level only, while the special $ property will match properties on the same level or deeper. E.g. an array item like {name: {first: 'John', last: 'Doe'}} will not be matched by {name: 'John'}, but will be matched by {$: 'John'}.

关于javascript - Ng-Model ="something.$"是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33350861/

相关文章:

javascript - 键/值对的 Javascript 数组在 C# 中的等效项是什么

php - 引号导致页面错误

javascript - JSON 填充 View 的暂存区

html - 如何使用ngclass在angularjs中单击时使用css类切换到另一个 View

javascript - Angular UI-Router 不显示 html 内容,但定向到正确的路径。没有错误,但 ui-view 不起作用

javascript - 在 Angular JS 模块中传递并获取 DOM 元素值

javascript - 有没有更好的方法来编写这样的函数

javascript - 如何转换时间范围以小时而不是日期显示? (NVD3图表)

javascript - 这个新的重复拖放指令有什么问题?

javascript - jquery 检查父元素中是否有特定文本,如果有则在特定的预先存在的子元素之后添加子元素