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 > 0
page controller scope의 컨텍스트에서 expression을 사용하여 결과를 디렉티브스코프의 클릭 가능한 변수에 할당합니다.이 작업은 동적으로 수행되며 식 값이 변경될 때마다 지시 변수가 업데이트됩니다.
언급URL : https://stackoverflow.com/questions/17258330/in-angular-js-what-does-an-ampersand-in-the-directive-mean
'bestsource' 카테고리의 다른 글
날짜 역직렬화를 위한 잭슨 표준 시간대 설정 (0) | 2023.02.13 |
---|---|
이클립스 표시: "Maven 구성 문제:불명" (0) | 2023.02.13 |
Jquery Ajax 이미지 로드 중 (0) | 2023.02.13 |
$(표준)ready가 동작하지 않음 (0) | 2023.02.13 |
CSS의 선택 입력 필드에 위/아래 화살표를 모두 만드는 방법은 무엇입니까? (0) | 2023.02.09 |