Question

我正在尝试使用我编写并保存在controller.js文件中的控制器，但它不能在我的html代码中工作。我的代码编写为:(这是无法正常工作的版本）

++++++++++++++++++++++++++++++++++++++++++
product_id  + red_num + blue_num
++++++++++++++++++++++++++++++++++++++++++
apple       +   10    +    20
++++++++++++++++++++++++++++++++++++++++++
orange     +    5     +  15

但是这个版本的效果很好：

<div ng-app="myApp" ng-controller="movieCtrl">
   ..bit of my html code..
</div>
<script src="controller.js"></script>

如何让控制器在自己的controller.js文件中使用它？

Answer 1

它不起作用，因为这里有语法错误ng=controller="movieCtrl"。

应为ng-controller="movieCtrl"

我假设你的其余代码是正确的。如果这是正确的，那么这个改变应该可以解决你的问题。

Answer 2

您没有在HTML代码中正确实例化您的控制器。

这是一个更清洁的解决方案。请务必在html代码中将ng=controller更改为ng-controller。

HTML标记

<div ng-app="myApp" ng-controller="movieCtrl">
     //bit of html and Angular code such as...
     <input type="text" ng-model="watchInput" Placeholder="Type Something"/>
     <p>{{watchInput}}</p> 
</div>
<script src="controller.js"></script>

controller.js

中的

控制器

您的AngularJS控制器应该看起来像......

myApp = angular.module ("myApp", []);
myApp.controller("movieCtrl", ["$scope", function($scope){
  //Your Controller code goes here
}]);

希望这会有所帮助。请告诉我。

Answer 3

因此，正如所讨论的，问题是相对路径。解：将src属性更改为“../ app / controllers / controller.js”。

如何在html代码中使用来自controller.js文件的AngularJS控制器

3 个答案: