2017-07-28 54 views
1

刷新圖像的div標籤的onclick我不能使用angularjs我想用angularjs

div包含我的形象,刷新該圖像的點擊這個餅圖格:

<div class="col-md-3 col-sm-12 col-xs-12"> 
        <div class="panel panel-primary text-center no-boder blue"> 
         <div class="panel-left pull-left blue"> 
          <i class="fa fa fa-comments fa-5x"></i> 
         </div> 
         <div class="panel-right"> 
          <h3>Assessment</h3> 
         </div> 
         <img src="assets/images/refresh.png" ng-click="refreshChart()"/> 
        </div> 
       </div> 

DIV我想刷新:

<div class="col-xs-6 col-md-3"> 
        <div class="panel panel-default"> 
         <div class="panel-body easypiechart-panel"> 
          **<div class="easypiechart" id="easypiechart-blue" data-percent="82"><span class="percent">82%</span>** 
          </div> 
         </div> 
        </div> 
       </div> 

app.js代碼

var sampleApp1 = angular.module('sampleApp1', []); 
sampleApp1.controller('dashctrl', function($scope) { 

$scope.refreshChart = function(){ 
$('.chart').data('#easypiechart-blue').update(40); 
}; 

});

+0

試試這個答案,它會解決你的問題 [示例](https://stackoverflow.com/a/30967457/7808007) – kumbhanibhavesh

+0

最簡單的選擇是使用ng-if在點擊時切換兩個部分。 –

回答

0

在您的控制器(AngularJs)上創建一個方法並使用它重繪(重置數據和更新圖表)$('.chart').data('easyPieChart').update(40);

$scope.refreshChart = function(){ 
    $('.chart').data('newChartData').update(40); 
} 

,並在你的HTML

<img src="assets/images/refresh.png" data-ng-click="refreshChart()"/> 

最好的辦法是做對自己一點偵破工作,並看到你的情況是他們的第一頁上的是什麼。按鈕刷新餅圖(https://rendro.github.io/easy-pie-chart/