我想使用 angularjs 刷新图像的 div 标签 onclick答案

【问题标题】：I want to refresh div tag onclick of image using angularjs我想使用 angularjs 刷新图像的 div 标签 onclick
【发布时间】：2018-01-04 07:45:38
【问题描述】：

我无法在使用 angularjs 点击该图像时刷新此饼图 div

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);
};

});

【问题讨论】：

试试这个答案，它会解决你的问题Example
最简单的选择是使用 ng-if 在点击时切换两个部分。

标签： javascript html css angularjs image

【解决方案1】：

在您的控制器 (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/)

【讨论】：