什么是 md-item 和 md-item-content
What is md-item and md-item-content
我阅读了 html 文件,其中包含 codepen 中的 md-item
和 md-item-content
,它在 md-list
中使用。我在 angular-material 的参考文献中找不到任何相关文档。
它到底有什么作用,是不是不再支持了?
<md-list class="muppet-list">
<md-item ng-repeat="it in muppets">
<md-item-content>
<md-button ng-click="selectMuppet(it)" ng-class="{'selected' : it === selected }">
<img ng-src="{{it.iconurl}}" class="face" alt="">
{{it.name}}
</md-button>
</md-item-content>
</md-item>
</md-list>
如果您使用 last Angular material version,我认为 <md-item-content>
已被弃用。
如果是,使用md-list-item
,语法应该是:
<md-list>
<md-list-item>
Item content in list
</md-list-item>
</md-list>
查看示例 here
<md-item>
什么也不做(假设从指令列表中删除)
固定Codepan
<md-list class="muppet-list">
<md-list-item ng-repeat="it in muppets">
<md-button ng-click="selectMuppet(it)" ng-class="{'selected' : it === selected }">
<img ng-src="{{it.iconurl}}" class="face" alt="">
{{it.name}}
</md-button>
</md-list-item>
</md-list>
我阅读了 html 文件,其中包含 codepen 中的 md-item
和 md-item-content
,它在 md-list
中使用。我在 angular-material 的参考文献中找不到任何相关文档。
它到底有什么作用,是不是不再支持了?
<md-list class="muppet-list">
<md-item ng-repeat="it in muppets">
<md-item-content>
<md-button ng-click="selectMuppet(it)" ng-class="{'selected' : it === selected }">
<img ng-src="{{it.iconurl}}" class="face" alt="">
{{it.name}}
</md-button>
</md-item-content>
</md-item>
</md-list>
如果您使用 last Angular material version,我认为 <md-item-content>
已被弃用。
如果是,使用md-list-item
,语法应该是:
<md-list>
<md-list-item>
Item content in list
</md-list-item>
</md-list>
查看示例 here
<md-item>
什么也不做(假设从指令列表中删除)
固定Codepan
<md-list class="muppet-list">
<md-list-item ng-repeat="it in muppets">
<md-button ng-click="selectMuppet(it)" ng-class="{'selected' : it === selected }">
<img ng-src="{{it.iconurl}}" class="face" alt="">
{{it.name}}
</md-button>
</md-list-item>
</md-list>