无法在 Angular Js 中声明控制器
Cannot declare controller in Angular Js
我正在开发一个网络应用程序。在我的应用程序中,我使用 Angular JS。我是 Angular JS 的新手。但是现在我在声明控制器时遇到了问题。这是我的代码。
<html>
<head>
//files references
</head>
<script>
var app = angular.module('memeApp',['ngRoute','ui.bootstrap']);
</script>
<nav class="nav-bar">
<a href="page1">Home</a>
<a href="page2">Account</a>
</nav>
<div class="content" ng-app="memeApp" ng-controller="DefaultController">
//content
</div>
</div>
</body>
</html>
如您所见,我什么也没做。我声明了一个名为 DefaultController 的控制器。所以当我检查日志时,它给了我以下错误:
所以我的控制器完全不工作。当我也为控制器添加 js 代码时。如果我删除了控制器指令,错误就消失了。为什么我的控制器不工作?
您需要先在某处定义您的控制器并将其作为依赖项添加到应用程序。
示例:
angular.module('app.controllers', [])
.controller('DefaultController' function() {
//do stuff
};
在您的应用定义中:
var app = angular.module('memeApp',['ngRoute','ui.bootstrap', 'app.controllers']);
在 html div 标签中使用它之前,您需要定义一个控制器函数 'DefaultController'。
在您的脚本标签中添加以下代码。
app.controller('DefaultController', ['$scope', function($scope){
}]);
我正在开发一个网络应用程序。在我的应用程序中,我使用 Angular JS。我是 Angular JS 的新手。但是现在我在声明控制器时遇到了问题。这是我的代码。
<html>
<head>
//files references
</head>
<script>
var app = angular.module('memeApp',['ngRoute','ui.bootstrap']);
</script>
<nav class="nav-bar">
<a href="page1">Home</a>
<a href="page2">Account</a>
</nav>
<div class="content" ng-app="memeApp" ng-controller="DefaultController">
//content
</div>
</div>
</body>
</html>
如您所见,我什么也没做。我声明了一个名为 DefaultController 的控制器。所以当我检查日志时,它给了我以下错误:
所以我的控制器完全不工作。当我也为控制器添加 js 代码时。如果我删除了控制器指令,错误就消失了。为什么我的控制器不工作?
您需要先在某处定义您的控制器并将其作为依赖项添加到应用程序。 示例:
angular.module('app.controllers', [])
.controller('DefaultController' function() {
//do stuff
};
在您的应用定义中:
var app = angular.module('memeApp',['ngRoute','ui.bootstrap', 'app.controllers']);
在 html div 标签中使用它之前,您需要定义一个控制器函数 'DefaultController'。
在您的脚本标签中添加以下代码。
app.controller('DefaultController', ['$scope', function($scope){
}]);