无法添加第二个ng-controller

debugcn 发表于 Dev

Gleb Z.

我在angular / js开发中还很新，所以现在我把它叠了起来。

当我在我的HTML代码中添加ng-controller =“ HeaderController”时，它无法加载Angular。如果删除此选项，一切都很好。为什么会这样呢？感谢您的帮助，对于英语不好，谢谢您：)

代码：

(function() {
	var app = angular.module ('FunStuff',[]);

	app.controller ('TextController',['$scope',function($scope){
		$scope.stuff = [];
		$scope.add = function(){
				$scope.stuff.push ($scope.name);
		}
	}]);
	app.controller ('HeaderController'['$scope',function($scope){
		$scope.textClass = '';
		$scope.changeClrClss = function(name){
			$scope.ClrClss = name;
		}
	}]);
})();

<!DOCTYPE html>
<html ng-app ="FunStuff">

<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>LEARN JS</title>
	<meta charset="utf-8">
</head>

<body >

	<header  ng-class = "ColorClass" ng-controller="HeaderController">
		<h1>$~/Path_To_Js/</h1>
		<button class="changeColorBtn" ng-click="changeColorClass('white')">
			ChangeColorButton
		</button>
	</header>

	<div class="wrapper" >
		<article ng-controller = "TextController">
			<p>There will be some information</p>
			<form ng-submit="add()">
				<input ng-model="name"><button>Add</button>
			</form>
			<ul class="buttons" ng-repeat= "n in stuff track by $index">
				<li>{{n}}</li>
			</ul>
		</article>
	</div>
	<script type="text/javascript" src="index.js"></script>
</body>

</html>

萨耶塔兰（Sajeetharan）

正如您的错误所言：,标头控制器之后，您不见了，

app.controller ('HeaderController',['$scope',function($scope){
        $scope.textClass = '';
        $scope.changeClrClss = function(name){
            $scope.ClrClss = name;
        }
    }]);

演示

var app = angular.module ('FunStuff',[]);

	app.controller ('TextController',['$scope',function($scope){
		$scope.stuff = [];
		$scope.add = function(){
				$scope.stuff.push ($scope.name);
		}
	}]);
	app.controller ('HeaderController',['$scope',function($scope){
		$scope.textClass = '';
		$scope.changeClrClss = function(name){
			$scope.ClrClss = name;
		}
	}]);

<!DOCTYPE html>
<html ng-app ="FunStuff">

<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>LEARN JS</title>
	<meta charset="utf-8">
</head>

<body >

	<header  ng-class = "ColorClass" ng-controller="HeaderController">
		<h1>$~/Path_To_Js/</h1>
		<button class="changeColorBtn" ng-click="changeColorClass('white')">
			ChangeColorButton
		</button>
	</header>

	<div class="wrapper" >
		<article ng-controller = "TextController">
			<p>There will be some information</p>
			<form ng-submit="add()">
				<input ng-model="name"><button>Add</button>
			</form>
			<ul class="buttons" ng-repeat= "n in stuff track by $index">
				<li>{{n}}</li>
			</ul>
		</article>
	</div>
	<script type="text/javascript" src="index.js"></script>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。