Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – angular-charts不使用requirejs大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用角度图表,但我无法想象如何正确添加依赖项.
我得到了以下@L_450_1@
未捕获的TypeError:无法读取未定义的属性“defaults”
在angular-chart.js中

(function (factory) {
  'use Strict';
  if (typeof define === 'function' && define.amd) {
    // AMD. Register as an anonymous module.
      define(['angular','chart.js'],factory);
  } else if (typeof exports === 'object') {
    // Node/CommonJS
      module.exports = factory(require('angular'),require('chart.js'));
  } else {
    // Browser globals
    factory(angular,Chart);
  }
}(function (angular,Chart) {
  'use Strict';

  Chart.defaults.global.responsive = true;
  ....

因为角度和图表都是未定义的.

我的需要配置是

'use Strict';
require.config({
    baseUrl: '/',paths: {
		'angular': '/scripts/angular','angular-route': '/scripts/angular-route','ui-bootstrap': '/scripts/ui-bootstrap-tpls-0.13.0.min','angular-animate': '/scripts/angular-animate.min','chart': '/scripts/chart','angular-chart': '/scripts/angular-chart','data-utils': '/common/data-utils','String-utils': '/common/String-utils','app': '/config/app','routes': '/config/routes'
    },shim: {
		'app': {
		    deps: ['angular','angular-route','ui-bootstrap','data-utils','String-utils','angular-chart']
		},'angular-route': {
			deps: ['angular']
		},'ui-bootstrap': {
		    deps: ['angular','angular-animate']
		},'angular-animate': {
		    deps: ['angular']
		},'angular-chart': {
		    deps: ['angular','chart']
		}
	}
});

require
(
    ['app'],function(app)
    {
        angular.bootstrap(document,['ngAnimate','ui.bootstrap','app']);
    }
);

我的控制器是

define(['app'],function(app)
{
	app.controller('homeController',[
        '$scope',function($scopE)
        {
            $scope.page =
            {
                title: 'Welcome to Easy Stitch'
            };

            $scope.labels = ['2006','2007','2008','2009','2010','2011','2012'];
            $scope.series = ['Series A','Series B'];

            $scope.data = [
              [65,59,80,81,56,55,40],[28,48,40,19,86,27,90]
            ];
        }
    ]);
});

除了这个之外,其他每个依赖都工作正常.如果有人可以提供帮助请.

解决方法

我想我必须纠正我require配置文件中的依赖项,之后它工作正常.

require
(
    ['app'],'chart.js','app']);
    }
);

大佬总结

以上是大佬教程为你收集整理的angularjs – angular-charts不使用requirejs全部内容,希望文章能够帮你解决angularjs – angular-charts不使用requirejs所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。