누군가 지시어에 scope를 사용하는 간단한 예제를 제공 할 수 있습니까?

Question

지시어에서 scope 속성에 대한 좋은 예를 찾을 수 없습니다. 나는 그것이 매우 혼란 스럽다는 것을 안다 - 열쇠와 가치 목록은 무엇인가? 속성의 값은 어디에 사용됩니까?

누군가 간단한 기본 예를 제공 할 수 있습니까?

Answer 1

당신은 아래의 JSFiddle Here 또는를 볼 수 있습니다.

또한 여기는 great article on the subject입니다.

---

JS 바이올린 코드

<div ng-controller="MyCtrl"> 
    <pass-object obj="obj2" itm="item.one"></pass-object> 
</div> 

JS VAR MyApp를 angular.module = (화상의 표시) ('하는 MyApp'[]);

myApp.directive('passObject', function() { 
    return { 
     restrict: 'E', 
     scope: { object: '=obj', itm: '=' }, 
     template: '<div>Hello, {{object.prop}}, {{itm}}!</div>' 
    }; 
}); 

myApp.controller('MyCtrl', function ($scope) { 
    $scope.obj2 = { prop: "world" }; 
    $scope.item = {"one": 1, "two": 2}; 
});