大佬教程收集整理的这篇文章主要介绍了angularjs – angular-charts不使用requirejs,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
(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] ]; } ]); });
除了这个之外,其他每个依赖都工作正常.如果有人可以提供帮助请.
以上是大佬教程为你收集整理的angularjs – angular-charts不使用requirejs全部内容,希望文章能够帮你解决angularjs – angular-charts不使用requirejs所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。