텍스트 입력을 지시문 속성에 바인딩

Question

지시어 내에서 속성에 텍스트 입력을 바인딩하려고합니다.이 유형의 새 지시문을 추가 할 때마다 컨트롤러를 추가하지 않아도되기 때문입니다 . 이것이 가능합니까 아니면 ng-model을 사용할 때 항상 컨트롤러를 지정해야합니까? 코드 예제는 수천 단어에 해당하므로 http://codepen.io/scottwio/pen/HKqiw을 살펴보십시오. 입력 내용을 입력하면 금액이 변경됩니다.

Answer 1

은 당신의 코드에 두 가지 문제가 있습니다

1. scope.$watch(attrs.amount, function (v) {...}); < => 절대 변경하려고하지
   scope.$watch('100', function (v) {...});
   , 그래서 당신이하고 싶은 일을하지 않습니다.

2. 요소 속성이 절대로 변경되지 않으므로 function draw(aniTime) { var amount = attrs.amount;은 그리 유용하지 않습니다.

---

당신이처럼 문제를 해결할 수 :

scope.$watch('amount', function (v) {...}); 

및

function draw(aniTime) { 
    var amount = scope.amount; 
    ... 

참조, 또한,이 short demo. 상위 범위로 지정된 양을 공유하려는 경우

---

_{는, 당신은 데이터 바인딩 양방향을 설정하고 결합하는 부모 범위의 속성을 지정해야합니다. 예컨대 :}

// Parent scope 
$scope.someAmount = 100; 

// In HTML 
<custommarc amount="someAmount" ... 

// In directive 
scope: { 
    amount: '=' 
    ...