Question

我在html代码中使用了ng-repeat指令，如下所示。我想要以下html：＆＃39; {{command.Title}}＆＃39;，只有在command.Title不是空字符串时才会被添加。换句话说，当command.Title是一个空字符串时，我不希望div显示为空div。

问题：这是可能的，如果可以，那怎么办呢？

        <md-list class="control-panel-list">
        <md-item ng-repeat="command in controlPanel.commands">
            <div>{{command.Title}}</div>
            <md-button aria-label="{{command.text}}" class="control-button"
                ng-click="controlPanel.onCommandButtonClick($index)">
                <i class="{{command.iconCss}}"></i>
                <span class="reports-control-button-text">{{command.text}}</span>
            </md-button>
        </md-item>
    </md-list>

Answer 1

如果为空，只需使用ng-show隐藏元素：

<div ng-show="command.Title">{{command.Title}}</div>

使用angularjs在ng-repeat部分中动态显示html元素

1 个答案: