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

【问题标题】：HTML icon inside md-tab md-on-select label with ng-repeat带有 ng-repeat 的 md-tab md-on-select 标签内的 HTML 图标
【发布时间】：2019-06-24 08:30:54
【问题描述】：

我有使用以下 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>

任何帮助将不胜感激。

【问题讨论】：

所以基本上你想动态设置图标类？

标签： angularjs json angular-material material-design

【解决方案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>

我不知道你现在需要多少代码才能让你的代码像现在这样，但是将其更改为更有条理的东西对你来说会更容易，因为你还可以添加你需要的所有信息！

【讨论】：