Angular one模块,多个控制器不工作

时间:2014-12-17 15:32:17

标签: angularjs

对于角度js是新手,是否可以在单个模块中创建多个控制器?



   

<body ng-app="birth" >
	<div ng-controller="learnerToSurvive" ng-show="$learn">
		<p>xxx</p>
		<button ng-click="start">Let's Begin</button>
	</div>
	<div ng-controller="startToSurvive" ng-show="$begin">
		<button ng-model="$CPU"> VS CPU </button>
		<button ng-model="$multiplayer"> Multiplayer</button>
		<div ng-show="$options">
			<label for="two">Two</label><input type="radio" id="two" ng-model="$players" name="multi" text="two"/>
			<label for="three">Three</label><input type="radio" id="three" ng-model="$players" name="multi" text="three"/>
			<label for="four">Four</label><input type="radio" id="four" ng-model="$players" name="multi" text="four"/>
		</div>
	</div>
	<div ng-controller="surviveBegins" ng-show="$play">
		<canvas id="survival" style="height: 300px, widht:500px">
	</div>
	<div ng-controller="death" ng-show="$over">
	</div>

</body>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

使用$rootScope实现这一点非常简单,但不建议这样做。

我为我的例子提供了一个jsfiddle: http://jsfiddle.net/dn4e4j01/1/

在我看来,ui-router是一种更好的方法:

https://github.com/angular-ui/ui-router

答案 1 :(得分:-1)

是的,确实如此。 如果在Javascript文件中正确定义了这些控制器,则应该没有问题。 但是,根据您的示例,您可能需要ui-router之类的东西从一个州到另一个州。