angularjs – 如何使用ng-repeat组件？

发布时间：2020-12-17 06:48:34 所属栏目：安全来源：网络整理

导读：我有这样的代码和平： item ng-repeat="name in names"/item 在item.html中,有很多东西,如name.first,name.family等. 所以,问题是,由于范围的原因,我无法访问名称对象. 我很困惑.组件继承名称至少不应该？这是我的组成部分： app.component('item',{ templa

我有这样的代码和平：

<item ng-repeat="name in names"></item>

在item.html中,有很多东西,如name.first,name.family等.
所以,问题是,由于范围的原因,我无法访问名称对象.

我很困惑.组件继承名称至少不应该？

这是我的组成部分：

app.component('item',{
   templateUrl: '/views/item.html'
});

解决方法

这是一个例子 plnkr：

的index.html

<body ng-controller="MainCtrl">
    <item data="name" ng-repeat="name in names"></item>
  </body>

的script.js

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

app.controller('MainCtrl',function($scope) {
  $scope.names = [{family: "asdf",first: "test"},{family: "qwerty",first: "test2"}]
});

angular.module('plunker').component('item',{
   templateUrl: 'item.html',bindings: {
     data: '='
   }
});

item.html

{{$ctrl.data.first}}
{{$ctrl.data.family}}
<br>

基本上,您需要做的是使用绑定来绑定要使用ng-repeat循环的数据,以便在组件中访问它.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!