javascript - AngularJS + 简易饼图 - 动画不工作

标签 javascript jquery angularjs

动画不工作,不知道如何修复它, 你能帮忙吗?

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

最佳答案

你的 fiddle 一团糟。

您将代码设置为“onLoad”,这意味着它被 jsfiddle 包装,仅在页面加载后触发。然后你在 html 本身中有脚本,该脚本将与文档的其余部分一起触发。你还有<body>你的 html 中的标签。那些不应该放在 fiddle 里。最后,你甚至没有引导 html,所以 angular 永远不会首先运行。此外,您甚至根本没有检查指令是否触发。

这是一团糟。清理干净。

Here's a slight leg up.

如果你希望得到免费的帮助,至少不要在这种垃圾上浪费大家的时间。


只是一个提示。不要将要测试的插件复制粘贴到 jsfiddle 中。将其作为外部资源包括在内。这样你的 fiddle 就是你的实现,无论如何你都应该测试它。


它在 jsfiddle 中工作。 DEMO

关于javascript - AngularJS + 简易饼图 - 动画不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21096369/

相关文章:

javascript - window.postMessage 从 iframe 到被调用者,iframe 和被调用者都在同一个域中

javascript - 仅一个字符 (*) 或其他字母数字的正则表达式

javascript - 如何向序列化对象添加参数?

javascript - 如何根据 ng-style 指令中的多个条件应用多个样式?

javascript - 如何删除空数组

JavaScript 导航菜单在 Meteor 中不起作用

javascript - Bootstrap 轮播下一个和上一个功能不起作用,仅显示第一个图像

javascript - 如何用变量值替换所有带有特定前缀的字符串

javascript - AngularJS 中的作用域属性可以通过引用传递吗?

javascript - 是否可以在自定义指令中使用理解表达式?