부모의 범위에있는 객체의 속성을 업데이트하는 AngularJS 지시문

Question

부모의 범위를 업데이트해야하는 지시문을 작성하고 있습니다. 기본적으로이 내가 원하는 무엇인가 :

<div foo="foo.foo"></div> 

이 지시문은 속성 "foo는"을 "바"에 전달 모델을 설정하기로되어있다. 당신은 2를 사용할 필요가 http://jsfiddle.net/wphvc75k/

Answer 1

:

$scope.foo = { foo: 'foo' }; 

HTML :

<div ng-app="app"> 
    <div ng-controller="fooController"> 
     {{ foo.foo }} 
     <div foo="foo.foo"></div> 
    </div> 
</div> 

JS :

var app = angular.module('app', []); 

app.directive('foo', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, attrs) { 
      scope[ attrs.foo ] = 'bar'; 
     } 
    }; 
}); 

app.controller('fooController', [ '$scope', function ($scope) { 
    $scope.foo = { 
     foo: 'foo' 
    }; 
} ]); 

JSFiddle 그래서 부모의 범위는 같은 뭔가를하도록되어 '='를 사용하여 foo 속성에 대한 양방향 바인딩.

app.directive('foo', function() { 
    return { 
     scope : { 
      foo: '=' 
     }, 
     restrict: 'A', 
     link: function (scope, attrs) { 
      console.log(scope); 
      console.log(scope[ attrs.foo ]); 
      scope.foo = 'bar'; 
     } 
    }; 
}); 

는 당신 말이 맞아,