javascript - 使用 AngularJS ng-repeat 元素属性作为 div id

Question

我有这个 HTML:

<div data-ng-repeat="curService in sCtrl.myServices" class="ng-cloak" data-ng-if="sCtrl.service==curService.name">
       <br />
       <div id="curService.grid"></div>
</div>

还有这个 Angular:

ctrl.myServices = [
         {
               name: "Service1",
               grid: "grid1",
               controller: "Controller1 as ctrl1"
         },
         {
               name: "Service2",
               grid: "grid2",
               controller: "Controller2 as ctrl2"
         }
];

我希望 curService.grid 转换为适当的字符串，并将此字符串作为内部 div 的 ID。有办法做到这一点吗？

编辑:我也想设置我的 ng-controller="{{curService.controller}}"，但这种语法似乎不起作用。有什么建议吗？

Answer 1

这比您想象的要容易得多!

<div id="{{ curService.grid }}"></div>