【问题标题】:ng-repeat not working with single object value in ng-initng-repeat 不适用于 ng-init 中的单个对象值
【发布时间】:2016-10-20 17:17:10
【问题描述】:
<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'}] 那么它就可以工作了。 我的代码有什么错误。

【问题讨论】:

  • 它似乎对我有用jsfiddle.net/Lvc0u55v/5595
  • 我投票结束这个问题,因为问题不可重现。此外,这不适用于ng-initng-init 用于无法以任何其他方式初始化数据的特殊用途,例如在控制器中。
  • @Claies 我无法将数据获取到 app.js 文件。当我在同一页面而不是另一个 js 文件中使用它时,控制器可以工作。我使用的是符号 {{}} 的 django 框架也和angularJs一样
  • 您可以更改角度的插值符号。 docs.angularjs.org/api/ng/provider/$interpolateProvider#!。但是,我不确定这与ng-init 有什么关系,如果没有更多解释,说你不能在另一个 js 文件中使用数据是没有意义的。
  • @Claies 这个stackoverflow.com/questions/18331811/… url 将有助于理解我们不能在另一个js文件中使用django数据。如果我们想在js文件中使用你必须在js中创建一个方法并从main调用页面。

标签: angularjs angularjs-ng-repeat ng-repeat


【解决方案1】:

由于您只有一个密钥,因此您可以使用项目直接访问它。 Id 和 items.name

当你有多个值时,你可以使用 ng-repeat 循环。希望这可以帮助你。

【讨论】:

    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多