범위 이름을 지시문으로 업데이트하십시오.

Question

지시어에 무언가가 설정되어있을 때 업데이트하려는 범위 이름이 포함 된 지시문이 있습니다.

<div data-my-directive data-scope-var-to-update="my_scope_variable"></div> 



.directive('myDirective', function($rootScope){ 
     return function(scope, element, attrs){ 

      var scope_var_name = attrs.scopeVarToUpdate; 

      scope[scope_var_name] = 'This message was updated from the directive'; 
     } 
    }) 

위의 내용은 범위 변수에 점 표기법이없는 경우에만 내가 원하는 것을 할 수있게 해줍니다.

제 질문은 어떻게 $ scope.a.b와 같은 점 표기법을 포함하는 범위 변수를 맞추기 위해 위의 내용을 수정할 수 있습니까? 자사는 새로운 과제가 부모 컨트롤러에 의해 액세스 할 수 있어야 의미의 직업 수행하면

<div data-my-directive data-scope-var-to-update="a.b"></div> 

위의 뒤에 아이디어는 범위 변수 이름에 전달하고 지침에서이를 업데이트하는 것입니다.

Answer 1

당신은 점 표기법 모델 $ 구문 분석 서비스를 사용해야합니다.

var getter = $parse(parseattrs.scopeVarToUpdate); 
var setter = getter.assign; 
getter(scope); //get value 
setter(scope,'value'); //set value 

참조 문서 여기 http://docs.angularjs.org/api/ng이에 대한 지침이 같은 뭔가. $는

Answer 2

당신은

.directive('myDirective', function(){ 
    return function(scope, element, attrs){ 
     scope.$eval(attrs.scopeVarToUpdate) = 'This message was updated from the directive'; 
    } 
}) 

scope.$eval(attrs.scopeVarToUpdate)을 사용 또는 양방향 바인딩과 격리 된 범위를 사용하고 그 중 하나에 대해 걱정하지 마십시오. 절연 범위 버전 :

.directive('myDirective', function(){ 
    return{ 
     scope:{scopeVarToUpdate:'='}, 
     link: function(scope, element, attrs){ 
     scope.scopeVarToUpdate = 'This message was updated from the directive'; 
     } 
    } 
})