円グラフの棒色がangularjsに表示されないng-repeat

Question

こんにちは私はangularjsで新しいです、次は私のHTMLコードです。

上記コードパイチャートバーカラー表示微細で

<div class="circular-bar" ng-repeat="cat1 in ['15']"> 
    <div class="chart" data-percent="{{cat1}}" data-bar-color="#e75200">    
      </div> 
     </div> 

が、次のコードバーの色にcategorydataをdisplay.hereない動的database.hereデータ表示から来るされたオブジェクトが正しく表示され、バーされているが、barfilled色以下のコードには表示されません。

<div ng-repeat="cat in categorydata"> 
     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 "> 
      <!--circular-bar--> 

     <div class="circular-bar"> 

      <div class="chart" data-percent="{{cat.offers.length}}" data-bar-color="#e75200" chart1> 
       <label><span class="percent">{{cat.offers.length}}</span></label> 

      </div> 
     </div> 
     <div class="clearfix"></div> 

     <div class="offerssub clr1"> 
      <h3>{{cat.name}}</h3> 
      <h4>Redeemed</h4> 
      <span>0</span> 
     </div> 

    </div> 
    </div> 

ここは私のangularjs指令です。

app.directive('chart1', function() { 
    return { 
    restrict: 'AEC', 
    scope: { 
     data: '=', 
     categorydata:'=categorydata' 
    }, 
    link: function(elem, attr) { 
     $(function() { 
     //jQuery(elem).bar 
      jQuery('.chart').easyPieChart({ 
       lineWidth:35, 
       scaleColor:false, 
       size:330, 
       lineCap: 'square', 

      }); 
     }); 
    } 
    } 
}) 

Answer 1

データを入力した後に円グラフを表示するのに役立つディレクティブにタイムアウトのみを設定します。

anglejsでjquery chartを使用しているときは、次のコードを使用してください。

app.directive('chart1', function() { 
    return { 
    // restrict: 'A', 
    /* scope: { 
     data: '=', 
     categorydata:'=categorydata' 
    },*/ 
    link: function(elem, attr) { 
     $(function() { 
     //jQuery(elem).bar 
     setTimeout(function() { 
      jQuery('.chart').easyPieChart({ 
       lineWidth:35, 
       scaleColor:false, 
       size:330, 
       lineCap: 'square', 

      }); 
     }, 200); 
     }); 
    } 
    } 
})