gpt4 book ai didi

angularjs - 如何将组件与 ng-repeat 一起使用?

转载 作者:行者123 更新时间:2023-12-03 06:43:41 24 4
gpt4 key购买 nike

我的代码很平静:

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

item.html 中,有很多诸如 name.firstname.family 等内容。
所以,问题是,由于范围问题,我无法访问 name 对象。

我很困惑。组件继承至少不应该是name吗?

这是我的组件:

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>

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

关于angularjs - 如何将组件与 ng-repeat 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37942035/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com