<!DOCTYPE html>
<html ng-app="myapp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="angular.min.js"></script>
<script>
var m1 = angular.module('myapp',[]);
m1.controller('Aaa',function($scope){
$scope.colors = [{
'id':'1',
'name':'red'
},{
'id':'2',
'name':'green'
},{
'id':'3',
'name':'blue'
}];
});
</script>
</head>
<body>
<p ng-controller="Aaa">
<ul>
<li ng-repeat="color in colors">{{color.name}}</li>
</ul>
</p>
</body>
</html>
需要用到id对应起来吗?
上記のように複雑である必要はありません。
リーリーこの要件を達成するには、サブジェクトは Angular のディレクティブを使用する必要があります。
リーリー リーリー結果: http://output.jsbin.com/rolobakaya
私の考えは次のとおりです:
リーリー次に
を定義しますng-click
并在里面修改$scope.currentId