Saya kini menggunakan ng-reapeat untuk menambahkan senarai ul li
secara dinamik, tetapi saya ingin mengklik pada li
tertentu dan melampirkan nilainya pada input
di bawah, dan kemudian saya boleh mengubah suai di atas Data berubah sewajarnya.
Ini adalah separuh kecil daripada alamat kod yang saya tulis pada codepen
alamat pen kod
expanderModule.directive('items',function(){
var str='<li ng-repeat="p in todos">{{p.todotext}}<p>{{title}},<button ng-click="addlt($index)">del</button></p></li>';
return {
restrict : 'EA',
replace : true,
transclude : true,
template : str,
link : function(scope, element, attrs) {
}
}
}
});
expanderModule.controller('SomeController',function($scope) {
$scope.currentItem=0;
$scope.todos=[{id:'0',todotext:'第一个item',done:false}, ];
$scope.addd=function(){
$scope.currentItem++;
$scope.todos.push({id:$scope.currentItem,todotext:'第'+$scope.currentItem+'个item',done:false})
}...
html
<p ng-controller='SomeController'>
<ul >
<items></items>
</li>
</ul>
<button ng-click='addd()'>dian</button>
<p>想显示点击的值,并且能编辑可以相互绑定
<input type="text" />
</p>
Anda boleh menetapkan setiap satu daripadanya untuk mempunyai atribut ngmodel, dan kemudian mengikatnya antara satu sama lain apabila anda mengklik li dalam pengawal