Question

动画无效，无法弄清楚如何修复它，你能帮忙吗？

我厌倦了让它在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>

http://jsfiddle.net/LVTM4/

但您可以运行下载示例并运行它，并亲自查看，

JQuery正在使用动画，而Angular则不是 https://github.com/rendro/easy-pie-chart

Answer 1

你的小提琴乱七八糟。

你的代码设置为'onLoad'，这意味着它被jsfiddle包装，只有在页面加载后才能触发。然后你在html本身中有脚本，该脚本将与文档的其余部分一起消失。您的html中还有<body>个标签。那些不应该在一个小提琴。最后，你甚至没有引导html，所以angular永远不会在第一时间运行。你甚至没有检查指令是否会发光。

这是一团糟。清理它。

Here's a slight leg up.

如果你希望获得免费帮助，至少不要浪费每个人的时间来处理这种垃圾。

只是小费。不要将要测试的插件复制粘贴到jsfiddle中。将其作为外部资源包含在内。这样你的小提琴只是你的实现，无论如何你都应该测试。

这是在jsfiddle中工作。 DEMO

AngularJS +简易饼图 - 动画无效

1 个答案: