什么是 md-item 和 md-item-content

What is md-item and md-item-content

我阅读了 html 文件,其中包含 codepen 中的 md-itemmd-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>