在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Java  HTML/ angular/material <card> 是如何實現(xiàn)的?

angular/material <card> 是如何實現(xiàn)的?

<md-card>
 <img src="card-image.png" class="md-card-image" alt="image caption">
 <md-card-content>
   <h2>Card headline</h2>
   <p>Card content</p>
 </md-card-content>
 <md-card-footer>
   Card footer
 </md-card-footer>
</md-card>

angular/material的demo代碼是這樣的,可以自定義組件內(nèi)容,但是angular在1.5之前并不能使用多個transclude,所以我想看一下它是如何實現(xiàn)的。然而打開github找到card.js,里面只有幾行代碼,完全找不到他是在哪里對傳入的template進(jìn)行操作的,所以請教各位這個組件到底是怎么實現(xiàn)的?card.js

function mdCardDirective($mdTheming) {
  return {
    restrict: 'E',
    link: function ($scope, $element, attr) {
      $element.addClass('_md');     // private md component indicator for styling
      $mdTheming($element);
    }
  };
}
回答
編輯回答
墨沫

并沒有怎么解析,html只不過加了_md,重點是樣式
看這里 https://material.angularjs.or...
你原來寫的

<md-card>
 <img src="card-image.png" class="md-card-image" alt="image caption">
 <md-card-content>
   <h2>Card headline</h2>
   <p>Card content</p>
 </md-card-content>
 <md-card-footer>
   Card footer
 </md-card-footer>
</md-card>

看解析后的elements還是那樣。還應(yīng)用了很多md-card開頭的樣式

2018年7月30日 15:06