2016-09-20 69 views
0

我创建使用列表中的对象的键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中我有一些resources对象ng-repeat中获得的每个键的映射,我想获得这些键的值并将其放入列表项中。

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

所以在执行我的NG-重复的时候,我会得到personal, professional等,我想在我的HTML从resources对象替换值。

我该如何将key替换为{{Myctrl.resources.key}}与ng-repeat中获得的密钥的实际值。

+0

Myctrl.data包含什么键?你能解释一下你到底需要什么吗? –

回答

1

尝试......

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

我不是在找这个。我想获取密钥并从具有相同密钥的资源对象访问值。 –

+2

Sry,我的坏!尝试下面的...

  • {{Myctrl.resources [key]}}
  • +0

    谢谢。这是诀窍。 –

    0
    <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 
    

    这是怎么回事确切地说,你真正做的是什么Ÿ寻找的只是这个吗?

    +0

    你甚至测试过这段代码吗?这正是我写的。它不起作用。 –

    +0

    是的,它不会工作,这就是为什么我将{{Myctrl.resources.key}}更改为{{resources.key}} –

    +0

    它是来自控制器的实例变量。没有资源。我们实际上可以使用键来代替点符号。这就是诀窍。 –