Angularjs 使用ng repeat以不同的id和ng init重复相同的div
如何使用ng repeat以这种结构重复多个div(每个div的邻域都不同,但其余的都相同)Angularjs 使用ng repeat以不同的id和ng init重复相同的div,angularjs,angularjs-directive,angularjs-ng-repeat,ng-repeat,Angularjs,Angularjs Directive,Angularjs Ng Repeat,Ng Repeat,如何使用ng repeat以这种结构重复多个div(每个div的邻域都不同,但其余的都相同) 现在是{{天气} 桑尼:{{桑尼} 有雾:{{Foggy} 您可以使用插值填充id,并使用AngularJS的模型调用init <div ng-app="myApp" ng-controller="WeatherController" > <div ng-repeat="item in data"> <div id="{{item.id}}" ng
现在是{{天气}
桑尼:{{桑尼}
有雾:{{Foggy}
您可以使用插值填充id
,并使用AngularJS的模型调用init
<div ng-app="myApp" ng-controller="WeatherController" >
<div ng-repeat="item in data">
<div id="{{item.id}}" ng-init="init(item.value)">
...
</div>
</div>
</div>
function WeatherController($scope) {
$scope.init = function (item) {
console.log(item);
}
$scope.data = [{
id: 'neighborhood',
value: 'neighborhood'
}, {
id: 'neighborhood1',
value: 'neighborhood1'
}]
}
...
功能天气控制器($scope){
$scope.init=函数(项){
控制台日志(项目);
}
$scope.data=[{
id:'邻居',
价值观:“邻里”
}, {
id:‘社区1’,
值:“邻居1”
}]
}
在
下,每个div的邻居都不同,这是什么意思?@MaximShoustin每个div都有不同的id和不同的ng init值,这将是不同邻居的名称。例如:
<div ng-app="myApp" ng-controller="WeatherController" >
<div ng-repeat="item in data">
<div id="{{item.id}}" ng-init="init(item.value)">
...
</div>
</div>
</div>
function WeatherController($scope) {
$scope.init = function (item) {
console.log(item);
}
$scope.data = [{
id: 'neighborhood',
value: 'neighborhood'
}, {
id: 'neighborhood1',
value: 'neighborhood1'
}]
}