Javascript 数据不是从angular js中的列表填充的_Javascript_Angularjs

Javascript 数据不是从angular js中的列表填充的

javascript angularjs

Javascript 数据不是从angular js中的列表填充的,javascript,angularjs,Javascript,Angularjs,我是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-

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

当我运行此代码时，数据不会从列表中填充。有人能帮我解决这个问题吗……：）

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

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

我可以认为您正在用$login替换$scope。在angularjs中，如果要使用$scope，则变量名应准确无误。不要将其重命名为任何其他名称。

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

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

var app = angular.module("myApp", []);
app.controller('myController', function ($scope, $http) {
$scope.username=[{//data}]
});

我可以认为您正在用$login替换$scope。在angularjs中，如果要使用$scope，则变量名应准确无误。不要将其重命名为任何其他名称。

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

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

var app = angular.module("myApp", []);
app.controller('myController', function ($scope, $http) {
$scope.username=[{//data}]
});

我可以认为您正在用$login替换$scope。在angularjs中，如果要使用$scope，则变量名应准确无误。不要将其重命名为任何其他名称。

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

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

var app = angular.module("myApp", []);
app.controller('myController', function ($scope, $http) {
$scope.username=[{//data}]
});

我可以认为您正在用$login替换$scope。在angularjs中，如果您想使用$scope，那么变量名应该是精确的，您不需要将其重命名为任何其他名称。

以下代码适合我。不要忘记在div属性中设置

ng app

，并在用作控制器参数之前插入

“$scope”

var app = angular.module("myApp", []);
app.controller('myController', function ($scope, $http) {
$scope.username=[{//data}]
});

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" 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>

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

myApp.controller('Controller', ['$scope', function ($scope) {
    $scope.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"
    }];
}]);

</script>

</body>
</html>




{{item.name}
{{item.un}


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'controller'，['$scope'，函数（$scope）{
$scope.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
}]);

以下代码对我很有用。不要忘记在div属性中设置

ng app

，并在用作控制器参数之前插入

“$scope”

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" 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>

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

myApp.controller('Controller', ['$scope', function ($scope) {
    $scope.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"
    }];
}]);

</script>

</body>
</html>




{{item.name}
{{item.un}


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'controller'，['$scope'，函数（$scope）{
$scope.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
}]);

以下代码对我很有用。不要忘记在div属性中设置

ng app

，并在用作控制器参数之前插入

“$scope”

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" 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>

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

myApp.controller('Controller', ['$scope', function ($scope) {
    $scope.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"
    }];
}]);

</script>

</body>
</html>




{{item.name}
{{item.un}


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'controller'，['$scope'，函数（$scope）{
$scope.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
}]);

以下代码对我很有用。不要忘记在div属性中设置

ng app

，并在用作控制器参数之前插入

“$scope”

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" 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>

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

myApp.controller('Controller', ['$scope', function ($scope) {
    $scope.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"
    }];
}]);

</script>

</body>
</html>




{{item.name}
{{item.un}


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'controller'，['$scope'，函数（$scope）{
$scope.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
}]);

几种解决方案：

$login

应该是

$scope

myApp.controller('Controller', function Controller($scope) {
  $scope.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"
  }];
});

['$scope'，函数控制器（$login）{

用作语法和

this.username=[

myApp.controller('Controller', function Controller() {
  this.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"
  }];
});

在html

ng controller=“controller as ctrl”

和

ng repeat=“ctrl.username中的项”

正如您在下一个代码片段中所看到的，所有解决方案都可以工作，如果您在控制台中没有看到任何错误，那么您可能忘记了添加

ngapp

属性

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'controller'，function controller（$scope）{
$scope.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
});
myApp.controller（'Controller2'，['$scope'，
功能控制器（$login）{
$login.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
“联合国”：admin@ehr.com",
“通过”：“*2345*12e2”
}];
}
]);
myApp.controller（'Controller3'，function controller（）{
this.username=[{
“姓名”：“Sarfaraz博士”，
“联合国”：dsar@gmail.com",
“通过”：“12345212e2”
}, {
“姓名”：“阿卜杜拉博士”，
“联合国”：abdul@yahoo.com",
“通过”：“13E4521E2”
}, {
“名称”：“管理员”，
"