首页 / JAVASCRIPT / javascript – 如何在角度js中从tsv加载数据后呈现指令

javascript – 如何在角度js中从tsv加载数据后呈现指令

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在角度js中从tsv加载数据后呈现指令，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含893字，纯文字阅读大概需要2分钟。

内容图文

我想整合d3.js和angularjs.我必须绘制一个玲图.数据从tsv文件加载.
我在渲染图时遇到问题,错误是数据尚未加载并且图形呈现.我希望当数据加载到范围变量中时,应该不显示图形.请帮忙.
这是控制器的代码

phonecatControllers.controller('MainCtrl', ['$scope',
     function($scope) {
       d3.tsv("sample.tsv", function(error, data) {
       $scope.d3Data = data;
 });
}]);

这是指令代码

directives.directive('d3Bar', [ function() {
return {
    restrict : 'E',
    scope : {
        data : '='
    },
    link : function(scope, element) {
        scope.$watch('data', function(newData, oldData) {
            drawLine(newData);
        }, true);
    }
}

}

和HTML是

<body ng-controller='MainCtrl'>
    <d3-bar data='d3Data'></d3-bar>

</body>

解决方法:

在手表中放置一个if控件,检查您的数据项是否准备就绪

directives.directive('d3Bar', [function() {
    return {
        restrict : 'E',
        scope : {
            data : '='
        },
        link : function(scope, element) {
            scope.$watch('data', function(newData, oldData) {
                if(newData){
                    drawLine(newData);
                }
            }, true);
        }
    }
}])

内容总结

以上是互联网集市为您收集整理的javascript – 如何在角度js中从tsv加载数据后呈现指令全部内容，希望文章能够帮你解决javascript – 如何在角度js中从tsv加载数据后呈现指令所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/763174.html

来源：【匿名】