Question

我是AngularJS的新手，对不起，如果这是一个愚蠢的问题。我google了很多，我无法在线找到现有的帮助。

基本上，我尝试通过创建内容部分来动态生成标签页。

我不知道如何去做。简单地指出我正确的方向会有很多帮助！

我想在我的代码中实现类似这样的

<div ng-show="panel[this].isSelected" ng-attr-title="JS">
    lorem ipsum...
</div>
<div ng-show="panel[this].isSelected" ng-attr-title="C#">
    lorem ipsum...
</div>
<div ng-show="panel[this].isSelected" ng-attr-title="Node">
    lorem ipsum...
</div>

自动使用ng-repeat生成标签。预期产出：

JS | C# | Node

有关从哪里开始的任何提示？

Answer 1

<div ng-repeat="panel in panels" ng-class="{'selected': panel.selected}" ng-attr-title="{{panel.title}}">
    lorem ipsum...
</div>

<script>
//...
    $scope.panels = [{'title': 'JS', selected: false}, {'title': 'C#', selected: false}, {'title': 'Node', selected: true}]
//...
<script>

您可能需要此功能，请查看api doc ng-repeat和ng-class

AngularJS：通过在DOM中创建选项卡的内容来创建选项卡链接

1 个答案: