각도 템플릿의 특정 클래스로 요소를 업데이트하는 방법

Question

저는 첫 번째 각도 프로젝트를 시작하고 있으며 각도 UI를 사용하여 선택 가능한 Jquery UI를 통과시킵니다. 템플릿에서 하나의 요소를 사용하는 가장 좋은 방법은 현재 선택된 요소 만 업데이트하는 것입니다 (예 : 'ui.selected'클래스가있는 경우).

Answer 1

지시어를 사용하여이 문제를 해결했습니다. 요소는 모델의 경우에서 업데이 트를 얻을 수있다

<div class="row" ng-controller="workspaceCtrl"> 
<div class="editor four columns"> 
    <input type="text" placeholder="title" ng-model="title" /> 
    <textarea placeholder="description" ng-model="description"></textarea> 
</div> 
<div class="eight columns"> 
    <ul class="fileObjects" ui-jq="selectable" ui-options="selectOptions"> 
     <span ui-jq="sortable"> 
      <li class="item" ng-repeat="obj in fileObjects"> 
       <input type="text" val="{{obj.title}}" placeholder="title" hotlink="title"/> 
       <textarea placeholder="description" hotlink="description">{{obj.description}}</textarea> 
      </li> 
     </span> 
    </ul> 

</div> 
</div> 

지금 내가 조건부 바인딩이

mymodule.directive('hotlink', function() { 

    return function (scope, element, attrs) { 

     scope.$watch(attrs.hotlink, function (value) { 
      if(element.parent().hasClass('ui-selected')){ 
       scope.obj[attrs.hotlink] = value; 
       element.val(value); 
      } 
     }); 
    } 
}); 

및 partial.html에서

...

app.js에서

..., 현재 선택되어 있습니다.