Angularjs 角度数据绑定不显示数据。。_Angularjs_Data Binding_Angularjs Ng Repeat_Ng Repeat

Angularjs 角度数据绑定不显示数据。。

angularjs data-binding

Angularjs 角度数据绑定不显示数据。。,angularjs,data-binding,angularjs-ng-repeat,ng-repeat,Angularjs,Data Binding,Angularjs Ng Repeat,Ng Repeat,我不熟悉Angular，尝试使用controller显示数据，但它不显示。。我想我犯了一些愚蠢的错误，而且数据也不是没有错误的以下是JS： (function () { 'use strict'; var app = angular.module('empapp', []).controller('emplcontroller', ['$scope', function ($scope) { $scope.empdatateamdynamo = [

我不熟悉Angular，尝试使用controller显示数据，但它不显示。。我想我犯了一些愚蠢的错误，而且数据也不是没有错误的

以下是JS：

(function () {
    'use strict';

    var app = angular.module('empapp', []).controller('emplcontroller', ['$scope', function ($scope) {
        $scope.empdatateamdynamo = [
         {
             name: 'name will be here',
             profilepic: 'image will be here',
             designation: 'designation will be here',
             teamname: 'team will be here'
         },

        {
             name: 'name will be here',
             profilepic: 'image will be here',
             designation: 'designation will be here',
             teamname: 'team will be here'
        },

        {
             name: 'name will be here',
             profilepic: 'image will be here',
             designation: 'designation will be here',
             teamname: 'team will be here'
        }
        ]

    }]);

})();

HTML在这里：

<body ng-app="empapp">
    <div class="container" ng-controller="emplcontroller">
        <!-- Example row of columns -->
        <div class="row">
            <div class="col-md-4" ng-repeat="items in empdatateamdynamo">
                <h2> {{ empdatateamdynamo.name }}</h2>
                <p> {{ empdatateamdynamo.profilepic }} </p>
                <p> {{ empdatateamdynamo.designation }} </p>
                <p><a class="btn btn-default" href="#" role="button"> {{ empdatateamdynamo.teamname}}</a></p>
            </div>
        </div>
     </div> 
</body>


{{empdatateamdynamo.name}
{{empdatateamdynamo.profilepic}
{{empdatateamdynamo.designation}

您应该从

ng repeat

的当前实例中获取数据，这里是

项

是

ng repeat

的当前实例

标记

<div class="col-md-4" ng-repeat="items in empdatateamdynamo">
    <h2>{{items.name}}</h2>
    <p>{{items.profilepic}} </p>
    <p>{{items.designation}} </p>
    <p>
       <a class="btn btn-default" href="#" role="button"> 
          {{items.teamname}}
       </a>
    </p>
</div>

@Kuldeepsing23很高兴知道这一点。谢谢：）如果我想从外部Json调用此数据，请您帮助我好吗？似乎可以工作，但Json由于其他问题无法加载。我会解决此问题。再次感谢。@kuldeepsing23您现在可以接受答案了。谢谢和干杯：）

var app = angular.module('empapp', [])
.controller('emplcontroller', ['$scope', '$http', function($scope, $http) {
   $http.get('data.json').then(function(response){
      $scope.empdatateamdynamo = response.data;
   });
}]);