Question

我有使用以下angularjs素材功能的代码：

<md-tab md-on-select="something" label="{{subsetKey}} ({{subset.data ? subset.data.length : 0;}}) <i class='example icon class'></i>" ng-repeat="(subsetKey, subset) in dogBreeds[(dog === 0 ? 'All' : dog.BreedID)].subsetList">

我需要添加带有此标签的图标，但是它呈现为文本形式，而不是像这样的图标：

<md-tab-item>
     Labrador <i class='example icon class'></i>
</md-tab-item>

请注意，这没有使用下面的AngularJS演示中找到的结构 https://material.angularjs.org/latest/demo/tabs

<md-tab id="something">
    <md-tab-label>something label</md-tab-label>
    <md-tab-body>something body</md-tab-body>
</md-tab>

任何帮助将不胜感激。

Answer 1

我认为您应该将代码更改为以下内容：

<md-tabs>
    <md-tab md-on-select="something" ng-repeat="item in items">
        <md-tab-label>
            Labrador
            <i class='example icon class'></i>
        </md-tab-label>
        <md-tab-body>
            {{item}}
        </md-tab-body>
    </md-tab>
</md-tabs>

我不知道您现在需要多少代码，但是将其更改为更结构化的代码将使您更轻松，因为您还可以添加所需的所有信息！

带有ng-repeat的md-tab md-on-select标签内的HTML图标

1 个答案: