찾다

 >  Q&A  >  본문

angular.js - angularjs点击在下面绑定数据

我现在用ng-reapeat动态添加了一个列表 ul li,但是我想点击某个li,就把他的值附在下面的input中,然后我就可以修改,上面的数据就跟着变。
这是我在codepen上写的一小半代码地址 codepen地址

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>
世界只因有你世界只因有你2744일 전621

모든 응답(1)나는 대답할 것이다

  • 淡淡烟草味

    淡淡烟草味2017-05-15 16:56:38

    각각에 ngmodel 속성을 갖도록 설정할 수 있으며 컨트롤러에서 li를 클릭하면 서로 바인딩할 수 있습니다

    회신하다
    0
  • 취소회신하다