ブートストラップアイコンをアングル材質のアイコンに置き換えます。

Question

以前に作成したアプリケーションでブートストラップの代わりにアングル材を使用しようとしています。ブートストラップアイコンをアングル材で置き換える方法がわかりません。

<md-button class="md-fab md-mini" color="warn" 
    ng-repeat="question in quiz.dataService.quizQuestions" 
    ng-class="{'btn-info': question.selected !== null, 'btn-danger': question.selected === null}" 
    ng-click="quiz.setActiveQuestion($index)"> 
    <span class="glyphicon" 
     ng-class="{'glyphicon-pencil': question.selected !== null, 'glyphicon-question-sign': question.selected === null}"> 
    </span> 
</md-button> 

私は

<i class="material-icons">help</i> 
<i class="material-icons">star_border</i> 

私はこれを試してみましたが、あなたがまたがるアイコンのスタイルを追加カント

<i class="material-icons"> 
    {'help' = : question.selected !== null, 'star_border': question.selected === null} 
</i> 

Answer 1

を働かなかったか、とglyphiconの-pencilとglyphicon-質問を交換しようとしています私はタグ...それの代わりにそれを入れ子にする必要があります：

angular.module('demoapp', ['ngMdIcons']); 

<span> 
    <ng-md-icon icon="help" style="fill: ..." size="..."></ng-md-icon> 
</span> 

私のタグがGoogleのアイコンのためのものであり、BTS

https://klarsys.github.io/angular-material-icons/

更新例を参照してください：

<md-toolbar> 
    <div class="md-toolbar-tools"> 
     <div layout="row"> 
      <i class="fa fa-users fa-2x" flex></i> 
      <h1 class="md-title" style="color:white">Org Chart</h1> 
     </div> 
     <span flex></span> 
     <md-fab-speed-dial md-direction="left" ng-class="md-fling"> 
      <md-fab-trigger> 
       <md-button aria-label="menu" class="md-fab md-accent"> 
        <md-tooltip> 
         Actions 
        </md-tooltip> 
        <md-icon md-svg-src="img/icons/ic_view_module_48px.svg"></md-icon> 
       </md-button> 
      </md-fab-trigger> 
      <md-fab-actions> 
       <md-button aria-label="view" class="md-fab md-raised md-mini"> 
        <md-tooltip> 
         View Chart 
        </md-tooltip> 
        <md-icon md-svg-src="" style="color:black" ng-show="cDP.read" ng-click="paneShowFn('read')"></md-icon> 
       </md-button> 
       <md-button aria-label="add" class="md-fab md-raised md-mini"> 
        <md-tooltip> 
         Add Chart 
        </md-tooltip> 
        <md-icon md-svg-src="img/icons/ic_add_48px.svg" style="color:black" ng-show="cDP.insert" ng-click="paneShowFn('insert')"></md-icon> 
       </md-button> 
       <md-button aria-label="Settings" class="md-fab md-raised md-mini"> 
        <md-tooltip> 
         Security Access 
        </md-tooltip> 
        <md-icon md-svg-src="img/icons/ic_add_48px.svg" style="color:black" ng-show="cDP.permission" ng-click="paneShowFn('permission')"></md-icon> 
       </md-button> 
       <md-button aria-label="edit" class="md-fab md-raised md-mini" style="color:black" ng-show="cDP.update" ng-click="paneShowFn('update')"> 
        <md-tooltip> 
         Edit Chart 
        </md-tooltip> 
        <md-icon md-svg-src="img/icons/ic_edit_48px.svg" style="color:black"></md-icon> 
       </md-button> 
      </md-fab-actions> 
     </md-fab-speed-dial> 
    </div> 
</md-toolbar>