我正在尝试使用角度图表,但我无法想象如何正确添加依赖项.
我得到了以下错误
未捕获的TypeError：无法读取未定义的属性“defaults”
在angular-chart.js中
我得到了以下错误
未捕获的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']);
}
);
