동적으로 각 템플릿

내가 사용 목록을 작성하고 내부 객체의 키에 액세스하는 방법이 같은 NG를 반복 :동적으로 각 템플릿

<li ng-repeat="(key, value) in Myctrl.data"> {{Myctrl.resources.key}}</li>

이 같은

Myctrl.data 모양을 뭔가를해야만 :

{ 
personal : 
    {a: 100, b: 120}, 
professional : 
    { a: 320, b : 410} 
}

지금 MyCtrl에서 ng-repeat에서 얻은 각 키에 대해 resources 개체에 몇 가지 매핑을 사용하고 이러한 키 값을 가져 와서 목록 항목에 넣고 싶습니다. 내 NG-반복이 실행될 때

$scope.resources = { 
    personal: "Personal Details", 
    professional: "Professional Details", 
    freelance: "Freelance Details", 
    custom: "Custom Details" 
}

그래서, 나는 personal, professional 등을 얻을 것이다 그리고 나는 나의 HTML에 resources 개체에서 값을 대체 할.

key ({{Myctrl.resources.key}})을 어떻게 ng-repeat에서 얻은 키의 실제 값으로 바꿀 수 있습니까?

출처

2016-09-20 Vivek V Dwivedi

Myctrl.data에는 어떤 키가 있습니까? 그리고 정확히 무엇이 필요한지 설명 할 수 있습니까? –

이 시도는 ...

<li ng-repeat="(key, value) in Myctrl.data">{{Myctrl.resources[key]}}</li>

출처

2016-09-20 11:58:30

나는 이것을 찾고 있지 않다. 키를 가져 와서 같은 키를 가진 리소스 객체의 값에 액세스하려고합니다. –

Sry, 내 잘못! 아래에서 하나를 시도해보십시오 ... Myctrl.data에서

–

감사합니다. 이것은 트릭을 수행합니다. –

<li ng-repeat="(key, value) in Myctrl.data"> {{resources.key}}</li>

의지가 있기 때문에 반복의 뜻에

Personal Details 
Professional Details

로 출력 목록 항목을 생산하는이 방법을입니다

firsttime key is personal 
    {{resources.personal}} => Personal Details 
secondtime key is professional 
    {{resources.professional}} => Professional Details

생산 정확히 작동합니다. 찾고있는 사람은이 사람입니까?

출처

2016-09-20 12:02:42

이 코드를 테스트 해 보셨습니까? 이것이 바로 제가 작성한 것입니다. 작동하지 않습니다. –

그래, 작동하지 않는 이유가 {{Myctrl.resources.key}}를 {{resources.key}} –

으로 변경했습니다. 컨트롤러의 인스턴스 변수입니다. 자원으로는 아무것도 없습니다. 실제로 점 표기법 대신 키를 사용하여 액세스 할 수 있습니다. 그건 속임수 야. –

동적으로 각 템플릿

답변

관련 문제