2 回答

TA貢獻1856條經(jīng)驗 獲得超5個贊
我認為根據(jù)您的代碼,您應該獲取三個文件 1. 在 module.js 文件中聲明角度模塊
var app = angular.module("myApp", []);
添加第一個控制器 appController.js
app.controller("appController",["$scope", function($scope){
$scope.myAppText = "你好,我是 appController text";
}]);
添加第二個控制器文件 secondController.js
app.controller("secondController",["$scope", function($scope){ $scope.secondControllerText = "你好,我是 seasdfsdfasdfacond 控制器文本"; }]);
現(xiàn)在把它們放在這個層次結構中 - 添加 Angular JS 的 ref 然后 1 module.js
2 appController.js
3secondController.js

TA貢獻1712條經(jīng)驗 獲得超3個贊
首先,我想澄清一下這是不正確的:
<div ng-controller="appController">
<p>App text : {{myAppText}}</p>
<p>secondControllerModule: {{ secondControllerText }}</p>// Defined in the wrong ng-controller,
so move it to the correct one.
</div>
您收到該錯誤的原因是您在 js 文件中定義了兩次應用程序模塊。這很簡單,你需要做的就是在你的secondModule.js 中去掉第二個參數(shù)
angular.module("myApp")// Needs to be like this
.controller("secondController",["$scope", function($scope){
$scope.secondControllerText = "Hello, I am seasdfsdfasdfacond Controller Text"
}])
然后在你的app.js 文件中
angular.module("myApp", [])
.controller("appController",["$scope", function($scope){
$scope.myAppText = "Hello, I am appController text"
}])
然后在您的 HTML 文件中,您需要修復腳本的順序
<script src="./angular.js"></script>
<script src="./app.js"></script> // App module must be first because the module is defined here
<script src="./secondModule.js"></script>
添加回答
舉報