本来我直接一个个js 用script引入,是正常的。
但我一利用require加载后就报错了,原因是ng-App不起效。
这是我的require配置
'use strict';
(function(win) {
var config = {
baseUrl: '../src/js/lib', //依赖相对路径
paths: {
'jquery': 'jQuery/jQuery-2.2.0.min',
'ng': 'angular/angular.min',
'ngRoute': 'angular/angular-route.min',
'ngRequire': 'require/angular-require.min',
'bs': 'bootstrap/bootstrap.min',
'pace': 'pace/pace.min',
'system': '../system',
'route': '../route'
// 'validform': 'validform/5.3.2/Validform_v5.3.2_min',
// 'jquery-ui':'jquery-ui/1.11.4/jquery-ui.min',
},
shim: {
'bs': ['jquery'],
'pace': ['jquery'],
'system': ['jquery', 'bs'],
'underscore': {
exports: '_'
},
'ng': {
exports: 'ng'
},
'ngRoute': {
deps: ['ng'], //依赖什么模块
exports: 'ngRouteModule'
},
'ngRequire': {
deps: ['ng']
}
}
};
require.config(config);
require(['route'], function(ng) {
angular.bootstrap(document, ['ngApp']);
});
})(window);
然后这是路由配置
define([
'jquery',
'bs',
'pace',
'system',
'ng',
'ngRoute',
'ngRequire'
], function($, bs, pace, system, ng, ngRoute, ngRequire) {
'use strict';
// 页面加载进度条
$(document).ajaxStart(function() {
Pace.restart();
});
//ng 路由
var app = angular.module("ngApp", [ngRequire,ngRoute]);
app.controller('accountController', function($scope) {
$scope.$route = $route;
})
.config(function($routeProvider) {
$routeProvider.
when('/account', {
templateUrl: '../src/pages/accountManager.html',
controller: 'accountController'
}).
otherwise({
redirectTo: '/account'
});
});
其他JQ之类的是我之前项目一些加载,应该不是这些的问题
ngRequire这是我在这里找到的一个帖子的插件,但引入后也是不生效。
我看有些帖子说 先不在html中定义np-app 然后利用
angular.bootstrap(document, ['ngApp']);
来手动启用angular 但也是报错 所以请来咨询
var app = angular.module("ngApp", [ngRequire,ngRoute]);有这么写的?这个不都是字符串么?
var app = angular.module("ngApp", ['ngRequire','ngRoute']);