반응형
중첩된 지시어로 ng-model 전달
ng-model을 outer-directive에서 outer-directive(outer-directive 템플릿에 포함)로 전달합니다.
올바른 방법은 무엇입니까?
HTML 코드:
<body>
<outer-directive ng-model="prop" />
</body>
및 지시 코드:
angular.module('app', []).directive('outerDirective', function(){
return {
template: '<inner-directive ng-model="prop" />',
link: function() { ... }
}
});
변수를 사용하여 양방향 바인딩을 설정할 수 있습니다(매뉴얼 "Directive Definition Object" 섹션 참조).ngModelAtribute는 다른 디렉티브와 마찬가지로 다음과 같습니다.
<my-directive ng-model="foo"></my-directive>
myApp.directive('myDirective', function () {
return {
template: '<div><input type="text" ng-model="ngModel" /></div>',
replace: true,
scope: {
ngModel : '=',
},
};
});
지시문에 있는 양식을 전달하고 양식을 수동으로 더럽게 설정해야 할 것 같습니다.
<directive directive-form="editForm" ></directive>
scope: {
directiveForm:"="
},
link: function (scope, $elem, $attrs){
scope.directiveForm.$setDirty();
}
언급URL : https://stackoverflow.com/questions/19429958/passing-ng-model-in-nested-directives
반응형
'programing' 카테고리의 다른 글
| JQUERY ajax 값을 MVC View에서 컨트롤러로 전달 (0) | 2023.04.01 |
|---|---|
| 도커가 있는 WordPress 파일은 어디에 있습니까? (0) | 2023.04.01 |
| 스프링 부트 ClassNotFoundException org.springframework.core.metrics.응용 프로그램 부팅 (0) | 2023.04.01 |
| WordPress에서 get_posts()에 대해 페이지 매김을 하려면 어떻게 해야 합니까? (0) | 2023.04.01 |
| WordPress REST API JWT 토큰을 검증하는 동안 jwt_auth_no_auth_header 오류가 발생했습니다. (0) | 2023.04.01 |