从属性指令访问和修改模型

Question

假设我有一个指令m-list，它会侦听某个事件以获取其项目。

$rootScope.$on('certain-event', function (msg) {
    vm.items = msg.data;
});

现在我正在编写另一个向列表添加功能的指令（属性指令），我将其命名为m-searchable。这增加了筛选项目列表的功能，并仅显示与另一个事件传递的数据匹配的项目。理想地

<m-list m-searchable></m-list>

可搜索的内容如下：

$rootScope.$on('search', function (msg) {
    var searchValue = msg.searchValue;
    // update the items of the parent directive
    // like parent.items = matches(searchValue, parent.items)
});

Answer 1

您可以使用过滤器filter来过滤数据。

<li data-ng-repeat="item in vm.items | filter:searchInput">

我做了plunker，因为我会构建它。请注意，虚假数据可能来自服务。