Javascript 角度参数';DemoCtrl';不是一个
signup.htmlJavascript 角度参数';DemoCtrl';不是一个,javascript,html,angularjs,Javascript,Html,Angularjs,signup.html <div ng-controller="DemoCtrl" layout="column" ng-cloak="" class="md-inline-form inputdemoBasicUsage" ng-app="inputBasicDemo"> <md-content md-theme="docs-dark" layout-gt-sm="row" layout-padding=""> <div> <
<div ng-controller="DemoCtrl" layout="column" ng-cloak="" class="md-inline-form inputdemoBasicUsage" ng-app="inputBasicDemo">
<md-content md-theme="docs-dark" layout-gt-sm="row" layout-padding="">
<div>
<md-input-container>
<label>Title</label>
<input ng-model="user.title">
</md-input-container>
</div>
controller.js
angular
.module('inputBasicDemo', ['ngMaterial', 'ngMessages'])
.controller('DemoCtrl', ['$scope', '$http',function($scope) {
$scope.user = {
title: 'Developer',
email: 'ipsum@lorem.com',
firstName: '',
lastName: '',
company: 'Google',
address: '1600 Amphitheatre Pkwy',
city: 'Mountain View',
state: 'CA',
biography: 'Loves kittens, snowboarding, and can type at 130 WPM.\n\nAnd rumor has it she bouldered up Castle Craig!',
postalCode: '94043'
};
$scope.states = ('AL AK AZ AR CA CO CT DE FL GA HI ID IL IN IA KS KY LA ME MD MA MI MN MS ' +
'MO MT NE NV NH NJ NM NY NC ND OH OK OR PA RI SC SD TN TX UT VT VA WA WV WI ' +
'WY').split(' ').map(function(state) {
return {abbrev: state};
})
}])
angular
.module('myApp')
.controller('DemoCtrl', ['$scope',function($scope) {
// code ommitted
});
获取错误
当通过app.js和controller路由请求时,遇到了这个问题,但是,当采用代码形式时,代码并没有抛出错误
请建议更新 您的
app.js
和controller.js
之间的模块名称不同
您也不应该在多个地方设置模块的注入
建议:
app.js
var myApp = angular.module('myApp', [
'ngRoute',
'artistControllers'
]);
myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/signup', {
templateUrl: 'partials/signup.html',
controller: 'DemoCtrl'
}). otherwise({
redirectTo: '/signup'
});
}]);
var myApp = angular.module('myApp', [
'ngRoute',
'artistControllers',
'ngMaterial',
'ngMessages'
]);
controller.js
angular
.module('inputBasicDemo', ['ngMaterial', 'ngMessages'])
.controller('DemoCtrl', ['$scope', '$http',function($scope) {
$scope.user = {
title: 'Developer',
email: 'ipsum@lorem.com',
firstName: '',
lastName: '',
company: 'Google',
address: '1600 Amphitheatre Pkwy',
city: 'Mountain View',
state: 'CA',
biography: 'Loves kittens, snowboarding, and can type at 130 WPM.\n\nAnd rumor has it she bouldered up Castle Craig!',
postalCode: '94043'
};
$scope.states = ('AL AK AZ AR CA CO CT DE FL GA HI ID IL IN IA KS KY LA ME MD MA MI MN MS ' +
'MO MT NE NV NH NJ NM NY NC ND OH OK OR PA RI SC SD TN TX UT VT VA WA WV WI ' +
'WY').split(' ').map(function(state) {
return {abbrev: state};
})
}])
angular
.module('myApp')
.controller('DemoCtrl', ['$scope',function($scope) {
// code ommitted
});
原创
你的
app.js
和你的controller.js
之间的模块名称不同,因此你的DemoCtrl
对你的myApp
模块不可用。你正在取消向控制器注入两个东西,但只使用$scope
。
还添加$http
服务
.controller('DemoCtrl', ['$scope', '$http', function($scope, $http) {
更新Controller.jsHi antoniskamamis,尝试了一下,但是没有成功!嗨,Simon K,尝试使用相同的名称,但不起作用!如果模块名称相同,则会得到以下结果:错误:$injector:modulerr moduler Error也尝试过了,但不起作用。获取相同问题错误:$injector:modulerr Module Error刚刚注意到您的HTML具有属性
ng app
。它还有ng控制器
。在$routeProvider
中指定它们时,可以安全地删除这两个选项。至少,如果您还没有,那么ng应用程序
需要匹配您使用的模块名称。问题仍然存在,我认为问题在于控制器和依赖项。