在单独的文件中定义AngularJS控制器。 [英] Defining AngularJS controller in separate file.
本文介绍了在单独的文件中定义AngularJS控制器。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经制作了两个单独的文件home.html& ctrl1.html。在home.html中,我创建了主控制器和路由,而ctrl.html包含一个简单的控制器。这是代码
home.html
I have made two separate files home.html & ctrl1.html . In home.html, I created main controller and routing while ctrl.html contains a simple controller. Here is the code
home.html
<html ng-app="testApp">
<head>
<title>AngularJS</title>
</head>
<body ng-controller="testCtrl">
<div ng-view></div>
</body>
<script src="angular-1.2.1/angular.js"></script>
<script src="angular-1.2.1/angular-route.js"></script>
<script language="javascript">
var testApp = angular.module('testApp', ['ngRoute']);
function testCtrl($scope, $rootScope, $http) {
$rootScope.TestVar = 'Welcome';
};
testApp.controller('testCtrl', testCtrl);
testApp.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/Users', {
templateUrl: 'ctrl1.html',
controller: '',
title: 'Users'
}).
otherwise({
redirectTo: 'Users',
title: 'Welcome'
});
}]);
</script>
</html>
ctrl。 html
ctrl.html
<script language="javascript">
function Ctrl1($scope, $rootScope, $http) {
$rootScope.TestVar = 'Hello';
};
angular.module('testApp').controller('Ctrl1', Ctrl1);
</script>
<div ng-controller="Ctrl1">
Some thing here {{Test}}
</div>
当我浏览到用户路由器时,它会出现以下错误。
When I browse to User router, it gives me following error.
Error: [ng:areq] Argument 'Ctrl1' is not a function, got undefined
推荐答案
sco pe,
rootScope,
rootScope,
http){
这篇关于在单独的文件中定义AngularJS控制器。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文