0
我是require.js中的新成員,我正在使用angular.js實現requier.js,但出現錯誤。這裏是我的代碼:使用require.js和angular.js
配置文件:
require.config({
paths: {
angular: 'https://code.angularjs.org/1.5.5/angular.min',
angularRoute: '//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.min',
angularAnimate: '//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min',
},
shim: {
'angular' : {'exports' : 'angular'},
'angularRoute': ['angular'],
'angularAnimate': ['angular']
},
priority: [
"angular"
],
});
require([
'angular',
'app',
'controllers/first-controller',
'controllers/second-controller',
'controllers/third-controller',
'services/services',
'directives/directives'
], function(angular, app) {
var $html = angular.element(document.getElementsByTagName('html')[0]);
angular.element().ready(function() {
// bootstrap the app manually
angular.bootstrap(document, ['WalletHubApp']);
});
}
);
這是我的應用程序文件:
define(['angular'], function (angular) {
var app = angular.module('app', ['ui.router','ngAnimate']);
WalletHubApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/walletHub/1/');
$stateProvider
.state('test', {
url: '/walletHub/:id/{folderPath:[a-zA-Z0-9/]*}',
templateUrl: function ($stateParams){
return "templates/"+$stateParams.id + '.html';
},
controllerProvider: function($stateParams) {
console.log($stateParams)
var ctrlName = $stateParams.id + "Controller";
return ctrlName;
}
});
});
return app;
});
這是控制器的文件:
define(['app'], function(app) {
WalletHubApp.controller('1Controller', function ($scope,$stateParams,$stateParams,$state,$http) {
$http.get('sample.json')
.then(function(res){
$scope.persons = res.data
});
var parts = $stateParams.folderPath.split('/')
$scope.params = false;
if(parts[0] != "")
{
$scope.parts = parts;
$scope.params = true;
}
})
return;
});
我不知道什麼是錯的在這個code.Please幫我理清這個
「但我得到的錯誤」。好的,但*** ***錯誤? – Claies
錯誤:「WalletHubApp」的腳本錯誤,需要:控制器/第一控制器 http://requirejs.org/docs/errors.html#scripterror –
@KaranKumar您可以將'app'模塊稱爲'app'你的配置文件和你的控制器文件中的'WalletHubApp'。將第二個更改爲「app」。如果這是解決方案,那麼您應該刪除您的問題,因爲在網站上保留「oops,我的模塊名稱不一致」問題確實沒有任何價值。 (這裏請注意,我正在討論* RequireJS *模塊,而不是Angular模塊。) – Louis