각 지시문에서 보간 값을 설정하는 방법은 무엇입니까?

Question

지시어에 보간 값을 설정하는 방법은 무엇입니까? 다음 코드에서 올바른 값을 읽을 수는 있지만 설정할 수는 없습니다.

JS :

app.directive('ngMyDirective', function() { 
    return function(scope, element, attrs) { 
     console.log(scope.$eval(attrs.ngMyDirective)); 

     //set the interpolated attrs.ngMyDirective value somehow!!! 
    } 
}); 

HTML : myscopevalue 내 컨트롤러의 범위에 대한 값입니다

<div ng-my-directive="myscopevalue"></div> 

. 당신이 범위에 대한 값을 설정하고 싶지만 (미리) 속성의 이름을 모르는 경우

Answer 1

, 당신은 object[property] 구문을 사용할 수 있습니다 경우

scope[attrs.myNgDirective] = 'newValue'; 

을의 문자열 속성에 점 (예 : myObject.myProperty)이 포함되어 있으면 작동하지 않습니다.

// like calling "myscopevalue = 'newValue'" 
scope.$eval(attrs.myNgDirective + " = 'newValue'"); 

[업데이트 : 당신은 정말 대신 $eval의 $parse를 사용해야합니다 당신은 임무를 수행 할 $eval를 사용할 수 있습니다. 지시어가 자동으로 업데이트 안에 당신은 this Angular/jQuery color picker JSFiddle example이의 예를 볼 수 있습니다

app.directive('ngMyDirective', function() { 
    return { 
     scope: { 
      theValue: '=ngMyDirective' 
     }, 
     link: function(scope, element, attrs) { 
      // will automatically change parent scope value 
      // associated by the variable name given to `attrs.ngMyDirective` 
      scope.theValue = 'newValue'; 
     } 
    } 
}); 

, scope.color에 할당 :. Mark's answer보기]

을 당신이 분리 범위를 사용하는 경우, 당신은 = 주석을 사용할 수 있습니다 변수는 을 컨트롤러 범위의 지시문에 전달했습니다.

Answer 2

지시문이 격리 범위를 사용하지 않고 속성을 사용하여 범위 속성을 지정하고 그 속성 값을 변경하려는 경우에는 $parse을 사용하는 것이 좋습니다. (I 구문은 $ 평가의 것보다 더 좋은 생각합니다.)

app.directive('ngMyDirective', function ($parse) { 
    return function(scope, element, attrs) { 
     var model = $parse(attrs.ngMyDirective); 
     console.log(model(scope)); 
     model.assign(scope,'Anton'); 
     console.log(model(scope)); 
    } 
}); 

fiddle

$parse 작품 속성이 점을 포함할지 여부.