[angularjs] 사용자 지정 지시문의 범위 바인딩에서 기호 ‘@’, ‘&’, ‘=’및 ‘>’사용 : AngularJS

AngularJS 지시문에서 범위를 사용하면 지시문이 적용되는 요소의 속성에있는 데이터에 액세스 할 수 있습니다.

이것은 예제와 함께 가장 잘 설명됩니다.

<div my-customer name="Customer XYZ"></div>

지시어 정의 :

angular.module('myModule', [])
.directive('myCustomer', function() {
  return {
    restrict: 'E',
    scope: {
      customerName: '@name'
    },
    controllerAs: 'vm',
    bindToController: true,
    controller: ['$http', function($http) {
      var vm = this;

      vm.doStuff = function(pane) {
        console.log(vm.customerName);
      };
    }],
    link: function(scope, element, attrs) {
      console.log(scope.customerName);
    }
  };
});

때 scope속성이 사용되는 지시어는 직접 부모 컨트롤러의 범위를 액세스 할 수 없습니다를 의미하는 소위 “고립 범위”모드에 있습니다.

매우 간단한 용어로, 바인딩 기호의 의미는 다음과 같습니다.

someObject: '=' (양방향 데이터 바인딩)

someString: '@'(직접 또는 이중 중괄호 표기법으로 보간을 통해 전달됨 {{}})

someExpression: '&'(예를 들어 hideDialog())

이 정보는 AngularJS 지시문 문서 페이지 에 있지만 페이지 전체에 약간 퍼져 있습니다.

기호 >는 구문의 일부가 아닙니다.

그러나 AngularJS 컴포넌트 바인딩의< 일부로 존재하며 단방향 바인딩을 의미합니다.

답변

scope: '@'

scope: {
    myProperty: '@'
}

bindings: { import_nr: '='}

bindings: { importnr: '='}