bestsource

angular.js에서 명령어의 앰퍼샌드는 무엇을 의미합니까?

bestsource 2023. 2. 13. 20:35
반응형

angular.js에서 명령어의 앰퍼샌드는 무엇을 의미합니까?

이 코드에서는:

app.directive( 'myCustomDirective', function() {
  return {
    restrict: 'EA',
    scope: { value: '=myCustomDirective', clickable: '&', editing: '=' },
    template: '<span ng-click="handleClick()" ng-bind="value"></span>',
    ...

무엇인가.clickable: '&'무엇을 의미합니까?

Angular 문서를 찾으면 이해할 수 없습니다.설명 내용을 이미 알고 있는 사람만이 이해할 수 있는 catch-22 코드로 쓰여져 있는 것 같습니다.

예를 들어, 이 비디오를 발견했는데, 그것이 설명되고 있는 것 같습니다만, 그는 중국어를 하고 있었을지도 모릅니다.

업데이트: 새로운 디렉티브 API가 여기에 있습니다.

'범위 이해' 문서에 대한 자세한 설명이 있습니다.이 설명에는 도움이 되는 내용은 다음과 같습니다.

이걸 알고 싶었을 때, 바이올린을 만들었어요.

angular.module('scopePropertiesModule', [])
  .directive('scopeProps', function(){
    return {
      restrict: 'C',
      scope: {parameterTitle:'@', 
              bidirecTitle:'=',
              delegateDisplay:'&'},
      template: '<div>' +
                  'Parameter title :<br>' + 
                  '<input ng-model="parameterTitle"> => {{parameterTitle}}<br>'+
                  '<br>' +
                  'Biderectional title :<br>' +
                  '<input ng-model="bidirecTitle"> => {{bidirecTitle}}<br>' + 
                  '<br>' +
                  'Delegate display :<br>' +
                  '{{delegateDisplay()}}<br>' + 
                  '</div>'  
    }
});

마크업:

<div class="scopeProps"
     parameter-title="{{title}}" 
     bidirec-title="title"
     delegate-display="displayTitle()"></div>

마음껏 가지고 놀아라.

http://docs.angularjs.org/guide/directive ('back'의 빠른 검색)

문서에서:

& 또는 &attr - 부모 범위의 컨텍스트에서 식을 실행하는 방법을 제공합니다.속성 이름이 지정되지 않은 경우 속성 이름은 로컬 이름과 동일한 것으로 간주됩니다.범위 정의 {localFn:'&myAttr'}을(를) 지정하면 분리 범위 속성 localFn이 개수 = + 값 식에 대한 함수 래퍼를 가리킵니다.독립 스코프에서 식을 통해 부모 스코프로 데이터를 전달하는 것이 바람직합니다.이것은 로컬 변수 이름과 값의 맵을 식 래퍼 fn에 전달함으로써 실행할 수 있습니다.예를 들어 식이 increment(금액)인 경우 localFn을 localFn({금액: 22})으로 호출하여 금액 값을 지정할 수 있습니다.

즉, 방향 스코프에서 클릭 가능한 변수를 참조할 때 Angular는 부모 스코프에서 연관된 식을 평가하고 결과를 변수에 할당합니다.예를 들어, HTML 코드에 다음과 같이 지시문을 포함할 경우:

<my-custom-directive ... clickable='initialized && i > 0' ...>

각도가 계산됩니다.initialized && i > 0page controller scope의 컨텍스트에서 expression을 사용하여 결과를 디렉티브스코프의 클릭 가능한 변수에 할당합니다.이 작업은 동적으로 수행되며 식 값이 변경될 때마다 지시 변수가 업데이트됩니다.

언급URL : https://stackoverflow.com/questions/17258330/in-angular-js-what-does-an-ampersand-in-the-directive-mean

반응형