AngularJS 中的依赖 ng-repeat答案

【问题标题】：Dependant ng-repeat in AngularJSAngularJS 中的依赖 ng-repeat
【发布时间】：2013-10-06 18:02:25
【问题描述】：

我有以下来自 REST 的数据结构：

scope.taglist =

[ {名称：“mylist”，标签：[“tag1”，“tag2”，“tag3”，...]}，{名称： “mylist2”，标签：[“tag2.1”，“tag2.2”，“tag2.3”，...]}]

为了显示对象的名称，我有以下 html：

<div>
<select ng-model="tagNameSelection">
<option ng-repeat="tagObj in taglist" value="{{tagObj}}">{{tagObj.name}}</option>
</select>
</div>

<div class="tagdetails">
<!-- present the list of tags from tagNameSelection -->
</div>

现在我有点不知道如何呈现标签列表个别对象。我能够以原始格式呈现数组（通过将 {{tagNameSelection}} 粘贴在 tagdetails div 中）但是当我尝试使用 ng-repeat angular 遍历那些会给出错误消息。

奇怪的是，当我将其中一个标签列表硬编码到控制器中的范围时，ng-repeat 可以完美地工作。

【问题讨论】：

标签： angularjs angularjs-scope angularjs-ng-repeat

【解决方案1】：

也许你对这样的事情感兴趣：

HTML

<div ng-controller="fessCntrl">
    <div>
        <select ng-model="tagNameSelection"            
         ng-options="tagObj as tagObj.name for tagObj in taglist"              
         ng-change="change(tagNameSelection)"></select>
    </div>

    <pre>{{tagNameSelection.tags|json}}</pre>

    <div class="tagdetails"> 
        <ul ng-repeat="tag in tagNameSelection.tags">
            <li>{{tag}}</li>
        </ul>    
    </div>
</div>

控制器

var fessmodule = angular.module('myModule', []);

fessmodule.controller('fessCntrl', function ($scope) {



    $scope.change = function (value) {
    };

    $scope.taglist = [{
        name: "mylist",
        tags: ["tag1", "tag2", "tag3"]
    }, {
        name: "mylist2",
        tags: ["tag2.1", "tag2.2", "tag2.3"]
    }]

});

fessmodule.$inject = ['$scope'];

见Fiddle

【讨论】：