AngularJS/Ionic Framework - 왜 내 템플릿 값 중 하나가 대체되지 않습니까?

Question

최근 Ion Framework (및 Angular, 확장 기능)을 가지고 놀았습니다. 그러나 나는 장애를 만났습니다.

기본적으로 모델을 사용하여 응용 프로그램의 맨 아래에 탭을 정의 할 수 있기를 원합니다. 여기

내가 지금까지이 작업은 다음과 같습니다

tabs.html

---

<div ng-repeat="tab in tabs"> 
<ion-tab title="{{tab.title}}" icon-off="{{tab.icon}}" icon-on="{{tab.iconon}}" href="{{tab.link}}"> 
    <ion-nav-view name="{{tab.controller}}"></ion-nav-view> 
</ion-tab> 
</div> 

controller.js 이온 탭 요소 작품

---

$scope.tabs = [ 
{ 
    title:'Home', 
    icon:'ion-ios7-pulse', 
    iconon:'ion-ios7-pulse-strong', 
    link:'#/tab/dash', 
    controller:'tab-dash' 
} 
] 

모든 및 그러나, {{tab.controller}}의 { ion-nav-view 요소는 그렇지 않습니다.

대체 할 내용이 달라지는 지 확인하기 위해 요소를 재 배열 해봤지만 순서에 상관없이 이온 탭 특성은 템플릿 엔진으로 대체되지만 ion-nav -view 속성은 그렇지 않습니다.

'컨트롤러'해시뿐만 아니라 {{tab.title}}도 ion-nav-view 요소에있는 경우 똑같이 대체되지 않으며 {{tab.controller}}는 이온에서 작동합니다 -tab 요소.

내가 알아 차 렸던 주된 사실은 응용 프로그램이 브라우저에 제공되었을 때 DOM이 'ion-nav-view'와 편집기에서 관찰 한 것과 다르다는 점이었습니다. the-scenes 마법. 필자는이 마법이 요소의 앵귤러 태그가 어떤 이유 때문에 파싱/탐지/덮어 쓰기되지 않는 원인이 될 수 있다고 생각했습니다.

이 경우 다른 JavaScript가 발생하기 전에 Angular가 템플릿을 강제 적용 할 수있는 방법이 있습니까? 그렇지 않은 경우 여기에서 어떤 일이 발생하는지 알 수 있습니까? 나는 좀 곤란하다.

미리 감사드립니다.

Answer 1

고쳐졌습니다.

이것은 의도적으로 나왔습니다. 이오닉 팀에 따르면보기 모델 이름을 동적으로 설정하면 문제가 발생합니다. 필자는 사용하려는 각 탭을 수동으로 지정하고 내 모델의 각 필드에 대한 적절한 필드를 참조하여이 문제를 해결했습니다.

건조한하지 않고 우아하지는 않지만 기능적입니다.