angular.js - data ikatan klik angularjs di bawah
世界只因有你
世界只因有你 2017-05-15 16:54:38
0
1
648

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>
世界只因有你
世界只因有你

membalas semua(1)
淡淡烟草味

Anda boleh menetapkan setiap satu daripadanya untuk mempunyai atribut ngmodel, dan kemudian mengikatnya antara satu sama lain apabila anda mengklik li dalam pengawal

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan