Javascript AngularJS表达式在ng repeat中的用法_Javascript_Html_Angularjs

Javascript AngularJS表达式在ng repeat中的用法

javascript html angularjs

Javascript AngularJS表达式在ng repeat中的用法,javascript,html,angularjs,Javascript,Html,Angularjs,我正在构建一个简单的网页，从中可以获得一些JSON数据，如下所示： { "Persons" : [{ "Initials" : "jd", "Name" : "Jhon Doe", "Email" : "jd@somemail.com", "Title" : "Some title", "Phone" : "+999 999 999", "PictureUrl" : "personimages/jd.

我正在构建一个简单的网页，从中可以获得一些JSON数据，如下所示：

{
"Persons" : [{
        "Initials" : "jd",
        "Name" : "Jhon Doe",
        "Email" : "jd@somemail.com",
        "Title" : "Some title",
        "Phone" : "+999 999 999",
        "PictureUrl" : "personimages/jd.jpg"
    }, {
        "Initials" : "jb",
        "Name" : "James Bond",
        "Email" : "jb@somemail.com",
        "Title" : "Agent",
        "Phone" : "+007 007 007",
        "PictureUrl" : "personimages/jb.jpg"
    }, ...
    ],
"DistLists" : [{
        "ContainedPersons" : ["jd", "jb", ...],
        "Title" : "Some Title"
    }, {
        "ContainedPersons" : ["jd, "hp, ..."],
        "Title" : "Some other Title"
    }, ...
]
}

<!DOCTYPE html>
<html ng-app="WhoIsWho2">
   <head>
      <script type="text/javascript" src="app/gemApp.js"></script>
   </head>

   <body ng-controller="WhoIsWho2Controller as wiw2">
      <div class="text-center" ng-controller="myCtrl">
         <select ng-model="selectedItem" ng-options="item as item.Title for item in distlist"></select>
         <p>{{selectedItem.ContainedPersons}}</p>

         <table align="center" border="1">
            <tr ng-repeat="ini in selectedItem.ContainedPersons">
               <td>
                  <p ng-repeat="employ in wiw2.employees | filter: {Initials:'{{ini}}'}">Hejsa Test 2 {{employ.Name}} </p>                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>

因此，我正在创建一个网页，您可以在“distlist”中选择不同的“Groups”
通过选择例如“Some Title”组，我希望获得“ContainedPersons”数组，循环遍历“Persons”，并显示“ContainedPersons”数组中所有“Persons”的信息

我的HTML如下所示：

{
"Persons" : [{
        "Initials" : "jd",
        "Name" : "Jhon Doe",
        "Email" : "jd@somemail.com",
        "Title" : "Some title",
        "Phone" : "+999 999 999",
        "PictureUrl" : "personimages/jd.jpg"
    }, {
        "Initials" : "jb",
        "Name" : "James Bond",
        "Email" : "jb@somemail.com",
        "Title" : "Agent",
        "Phone" : "+007 007 007",
        "PictureUrl" : "personimages/jb.jpg"
    }, ...
    ],
"DistLists" : [{
        "ContainedPersons" : ["jd", "jb", ...],
        "Title" : "Some Title"
    }, {
        "ContainedPersons" : ["jd, "hp, ..."],
        "Title" : "Some other Title"
    }, ...
]
}

<!DOCTYPE html>
<html ng-app="WhoIsWho2">
   <head>
      <script type="text/javascript" src="app/gemApp.js"></script>
   </head>

   <body ng-controller="WhoIsWho2Controller as wiw2">
      <div class="text-center" ng-controller="myCtrl">
         <select ng-model="selectedItem" ng-options="item as item.Title for item in distlist"></select>
         <p>{{selectedItem.ContainedPersons}}</p>

         <table align="center" border="1">
            <tr ng-repeat="ini in selectedItem.ContainedPersons">
               <td>
                  <p ng-repeat="employ in wiw2.employees | filter: {Initials:'{{ini}}'}">Hejsa Test 2 {{employ.Name}} </p>                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>

其中，JavaScript文件中的persons和distlist是我的数据。（现在在本地，但应该来自JSON文件）

我的问题是不允许在我的

元素中的ng repeat中使用{{ini}

有没有其他方法可以实现这一点？
或者用另一种设计

非常感谢您的帮助。

请尝试以下方式：

 <tr ng-repeat="ini in selectedItem.ContainedPersons">
   <td>
      <p ng-repeat="employ in wiw2.employees | filter: {Initials:ini}">Hejsa Test 2 {{employ.Name}} </p>                        
   </td>
 </tr>


Hejsa测试2{{employee.Name}

您是否只尝试了ini而不是{{ini}？您在角形标签内，无需使用胡须。使用创建plnkrDetails@LucasCosta非常感谢。这就成功了，我完全忽略了它@RasmusCarlsen，不客气。嗨，RasmusCarlsen。如果这个答案解决了你的问题，请点击检查标记来考虑。这向更广泛的社区表明，你已经找到了一个解决方案，并给回答者和你自己带来了一些声誉。没有义务这样做。