AngularJS - 다른 지시어에서 액세스 모델

Here's a plnkr.AngularJS - 다른 지시어에서 액세스 모델

sideMenuContent 지시문에서 headerInput 모델에 액세스하려면 어떻게해야합니까? 내가 ng-models의 지시문에 sideMenuContent에 액세스하려는 다른 10 개가 있다고 가정하면 쉽게 확장 할 수있는 방법이 있습니까?

출처

2014-05-09 Unidan

개체에 점 표기법을 사용해야합니다. 그래서 $scope.menu = {}; 같은 컨트롤러에 menu 개체를 초기화해야합니다 (또는 당신은 또한 기본 값을 설정할 수 있습니다) 또한 menu.headerInput 같은 것을 사용하고, 그래서 그 대신 headerInput의 Understanding Scopes in AngularJs

를 참조하십시오.

I updated your plunkr to show you how it works

출처

2014-05-09 15:04:04 JoseM

달콤한! 그것은 추한 태도를 느낀다 (나의 잘못). 내'ng-transclude'와 모든 것들에 대해 어떻게 생각하세요? 하위 지시어 (헤더 및 내용)가있는 상용구 sideMenu 지시문을 만들려고했습니다. 내가 시도한 것을하기위한 더 좋은 방법이 있습니까? – Unidan

나는 못 생겼다고 생각하지 않는다. 의도 한 기능을 위해'ng-transclude '를 사용하고있다. 내가 할 수있는 유일한 제안은 템플릿을 모두 한 줄에 쓰지 않거나, 그것을 읽기 쉽도록'templateURL'으로 분리하는 것입니다. – JoseM

그래, JS의 길이에 관계없이 HTML을 JS로 문자열로 쓰는 건 싫어. 나는 게으르 기 때문에 나의 plnkr에서 그렇게했다. :). – Unidan

AngularJS - 다른 지시어에서 액세스 모델

답변

관련 문제