Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 使用ng repeat以不同的id和ng init重复相同的div_Angularjs_Angularjs Directive_Angularjs Ng Repeat_Ng Repeat - Fatal编程技术网

Angularjs 使用ng repeat以不同的id和ng init重复相同的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

如何使用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-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'
    }]
}