AngularJs和谷歌图表

发布时间：2020-12-17 07:45:16 所属栏目：安全来源：网络整理

导读：有一些将Google图表整合为AngularJs指令的示例. 像这样一个：http://plnkr.co/edit/YzwjuU?p=preview 更新：我想避免在引导整个应用程序之前等待google图表准备就绪(如上例所示)： google.setOnLoadCallback(function() { angular.bootstrap(document.body,[

有一些将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回调内,检查以确保标志被设置,然后进行初始化.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!