Question

<div ng-init="items=[{'id':1,'name':'Amit'}]">
    <input type="text" size="40" ng-model="searchString" placeholder="Search">
    <ul>
        <li ng-repeat="i in items | filter:searchString">{{ i.id }}</li>
    </ul>
</div>

输出

<div ng-init="items=[{'id':1,'name':'Amit'}]">
    <input type="text" size="40" ng-model="searchString" placeholder="Search" class="ng-pristine ng-untouched ng-valid ng-empty">
    <ul>
        <!-- ngRepeat: i in items | filter:searchString -->
    </ul>
</div>

当我使用单键值时，它不起作用。但是当我使用多个键值时，如： [{'id'：1，'name'：'Amit'}，{'id'：2， 'name'：'Neeraj'}] 然后它正在运作。我的代码中有什么错误。

Answer 1

由于您有单键，您可以使用项目直接访问它。 Id和items.name

当您有多个值时，可以使用ng-repeat进行循环。希望这可能对你有所帮助。

Answer 2

我仔细检查这个及其工作

    <html>

<body ng-app="">

    <div ng-init="items=[{'id':1,'name':'Amit'}]">
        <input type="text" size="40" ng-model="searchString" placeholder="Search">
        <ul>
            <li ng-repeat="i in items | filter:searchString">{{ i.id }}</li>
        </ul>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</body>

</html>

ng-repeat不使用ng-init中的单个对象值

2 个答案: