Значок HTML внутри ярлыка md-tab md-on-select с ng-repeat - PullRequest
0 голосов
/ 31 января 2019

У меня есть код, использующий следующие функциональные возможности 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>

Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 31 января 2019

Я думаю, вы должны изменить свой код на что-то вроде этого:

<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>

Я не знаю, сколько вам нужно, чтобы ваш код был таким, каким он есть сейчас, но изменение его на что-то более структурированноебудет проще для вас, так как вы также можете добавить всю необходимую информацию !!

...