简体   繁体   English

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

[英]ng-repeat not working with single object value in ng-init

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

Output : 输出:

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

When I use single key value then it's not working.But when I use multiple key value like: [{'id':1,'name':'Amit'},{'id':2,'name':'Neeraj'}] then it's working. 当我使用单个键值时,它不起作用。但是当我使用多个键值时,例如: [{'id':1,'name':'Amit'},{'id':2,'name':'Neeraj '}]就可以了。 What is the mistake in my code. 我的代码有什么错误?

As you have single key, you can directly access it using items. 由于只有一个键,因此可以使用项目直接访问它。 Id, and items.name ID和items.name

When you have multiple value, you can use ng-repeat for a loop. 当您有多个值时,可以将ng-repeat用于循环。 Hope this might help you. 希望这对您有帮助。

i double check this and its working 我仔细检查了这个及其工作

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM