javascript - 数据未从 Angular js中的列表填充

Question

我是 Angular JS 新手，遇到了问题。我的重复代码是

<div id="list" ng-controller="Controller">
    <ul class="list-group">
         <li class="list-group-item" ng-repeat="item in username">
             <div>
                 <h2 class="list-group-item-heading">{{item.name}}</h2>
                 <h3 class="list-group-item-heading">{{item.un}}</h3>
             </div>
          </li>
    </ul>
</div>

我的 Controller 是:

var myApp = angular.module('myApp',[]);

myApp.controller('Controller',function Controller($login) {
    $login.username=[
    {
        "name":"Dr. Sarfaraz",
        "un":"dsar@gmail.com",
        "pass":"12345212e2"
    },
    {
        "name":"Dr. Abdullah",
        "un":"abdul@yahoo.com",
        "pass":"13e45212e2"
    },
    {
        "name":"admin",
        "un":"admin@ehr.com",
        "pass":"*2345*12e2"
    }
]; });

当我运行此代码时，数据不会从列表中填充。谁能帮我解决这个问题......:)

Answer 1

在 $scope 而不是 $login 中传递值:

,function Controller($login, $scope){
$scope.username=[

我认为您正在用 $login 替换 $scope。在 AngularJS 中，如果您想使用 $scope 且不将其重命名为其他任何名称，则变量名称应该准确。