如何在离子中使用ng-repeat显示数组值

时间:2016-11-11 13:20:32

标签: android ios angularjs ionic-framework

我是离子和应用程序开发的新手。 这是我的代码 的 app.js

 .controller("MainCtrl",function($scope){
        $scope.Users = [{
          name:"abdulla",
          city:"Korutla"
        },{
          name:"zulqarnain",
          city:"Hyderabad"
        },{
          name:"Hameen",
          city:"Karimnager"
        },{
          name:"yasir",
          city:"hyd"
        }];         
    })

的index.html

<ion-content class="has-subheader">

          <ul>
            <li ng-repeat="user in Users">
              {{Users.name}}
            </li>
          </ul>
</ion-content>

为什么它没有显示输出

1 个答案:

答案 0 :(得分:1)

将变量Users的名称更改为user

<ion-content class="has-subheader">
          <ul>
            <li ng-repeat="user in Users">
              {{user.name}}
            </li>
          </ul>
</ion-content>