フォントスタイリング問題はIE

Question

に私はその後、完全なフォントリストは、それに適用され、そのCSSで示されているボタンをクリックしたときの角度指令

<li ng-repeat='o in options'><button class='btn btn-blue checked-dropdown' style='font-family: {{o.css}}; width: 100%' type='button' ng-click='action($event, o.css)'><i ng-if='o.active' class='fa fa-check'></i>{{o.name}}</button></li> 

    options: [ 
      { name: 'Sans-Serif', css: 'Arial, Helvetica, sans-serif' }, 
      { name: 'Serif', css: "'times new roman', serif" }, 
      { name: 'Wide', css: "'arial black', sans-serif" }, 
      { name: 'Narrow', css: "'arial narrow', sans-serif" }, 
      { name: 'Comic Sans MS', css: "'comic sans ms', sans-serif" }, 
      { name: 'Courier New', css: "'courier new', monospace" }, 
      { name: 'Garamond', css: 'garamond, serif' }, 
      { name: 'Georgia', css: 'georgia, serif' }, 
      { name: 'Tahoma', css: 'tahoma, sans-serif' }, 
      { name: 'Trebuchet MS', css: "'trebuchet ms', sans-serif" }, 
      { name: "Helvetica", css: "'Helvetica Neue', Helvetica, Arial, sans-serif" }, 
      { name: 'Verdana', css: 'verdana, sans-serif' }, 
      { name: 'Proxima Nova', css: 'proxima_nova_rgregular' } 
     ] 

を使用してフォントを含むリストを作成しています。これは、Chromeでなく、IEで正常に動作している のみフォント名はプレーンテキストで表示され IE ImageChrome Image

Answer 1

代わりにスタイルattrの中で特定のプロパティにモデル値を取り付けるには、NGスタイルのディレクティブ&コールを利用することができますNG-スタイルの機能として：ng-style = "mystyle($index)"

$scope.mystyle = function(index){ 
     return { 
     'font-family': $scope.options[index].css, 
     'width': "100%" 
     } 
    } 

http://plnkr.co/edit/Ew8VyCWojAiyCqaU55qM?p=preview