AngularJs和谷歌图表

前端之家收集整理的这篇文章主要介绍了AngularJs和谷歌图表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一些将Google图表整合为AngularJs指令的示例.

像这样一个:http://plnkr.co/edit/YzwjuU?p=preview

更新:我想避免在引导整个应用程序之前等待google图表准备就绪(如上例所示):

google.setOnLoadCallback(function() {
        angular.bootstrap(document.body,['myApp']);
    });

有没有办法在单个模块上执行,而不是整个应用程序?

更新2:我创建了我的plunker,它的作品没有等待回调,但我不知道它是否会在所有情况下工作.

http://plnkr.co/edit/7UUfcq4dD7nd4MylB4ni

如您已经想到的那样,您可以在html或body标签中初始化角度,而无需等待Google图表.

为确保您在Google图表JavaScript代码准备就绪之前不要尝试呈现图表,我会指令$watch一个新的控制器$scope属性/标志,您设置在google.setOnLoadCallback的回调函数内.在$watch回调内,检查以确保标志被设置,然后进行初始化.

原文链接:https://www.f2er.com/angularjs/143008.html

猜你在找的Angularjs相关文章