动画不工作,不知道如何修复它, 你能帮忙吗?
我厌倦了让它在 jsfiddle 上工作,但由于某种原因它不工作
html:
<script>
var app = angular.module('app', ['easypiechart']);
app.controller('chartCtrl', ['$scope', function ($scope) {
$scope.percent = 65;
$scope.anotherPercent = -45;
$scope.anotherOptions = {
animate:{
duration:100,
enabled:true
},
barColor:'#2C3E50',
scaleColor:false,
lineWidth:20,
lineCap:'circle'
};
}]);
</script>
但是你可以运行下载示例并运行它,然后自己看看,
JQuery 正在处理动画,Angular 不是 https://github.com/rendro/easy-pie-chart
最佳答案
你的 fiddle 一团糟。
您将代码设置为“onLoad”,这意味着它被 jsfiddle 包装,仅在页面加载后触发。然后你在 html 本身中有脚本,该脚本将与文档的其余部分一起触发。你还有<body>
你的 html 中的标签。那些不应该放在 fiddle 里。最后,你甚至没有引导 html,所以 angular 永远不会首先运行。此外,您甚至根本没有检查指令是否触发。
这是一团糟。清理干净。
如果你希望得到免费的帮助,至少不要在这种垃圾上浪费大家的时间。
只是一个提示。不要将要测试的插件复制粘贴到 jsfiddle 中。将其作为外部资源包括在内。这样你的 fiddle 就是你的实现,无论如何你都应该测试它。
它在 jsfiddle 中工作。 DEMO
关于javascript - AngularJS + 简易饼图 - 动画不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21096369/