2015-04-07 61 views
3

我是新來的角js。我寫代碼來執行多個控制器的概念,但它不工作。我不知道我在哪裏做錯了?多個控制器不能在angularjs中工作

下面的代碼我使用

<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE html > 
<html> 
<head> 
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body ng-app="myApp"> 

<div ng-controller="myCtrl"> 
<input type="number" ng-model="q"> 
<input type="number" ng-model="c"> 
<p>{{ q*c }}</p> 
</div> 

<div ng-controller="newone"> 
<p>{{lastName|uppercase}}</p> 

</div> 




</body> 


<script> 
var app=angular.module('myApp',[]); 
app.controller('myCtrl',function($scope) 
{ 
    $scope.q=10; 
    $scope.c=5; 

    }); 
</script> 
<script src="control.js"></script> 
</html> 



**control.js** 

var app=angular.module('myApp',[]); 
app.controller('newone',function($scope){ 
    alert(); 
    $scope.firstName="Vinoth"; 
    $scope.lastName="Kumar"; 
    $scope.full=function() 
    { 
     return $scope.firstName+''+$scope.lastName; 
    } 

}); 

上面的代碼是不工作任何一個可以幫助我解決這個

+0

在控制檯中的任何錯誤? – squiroid

+0

我認爲你需要爲控制器創建一個路徑來關聯一個url和一個html視圖和控制器:interfaceApp.config(['$ routeProvider', function($ routeProvider){ $ routeProvider。 when('/' 。{ templateUrl: '泛音/ home.html做爲', 控制器: '的HomeController' })否則({ redirectTo: '/' });} ]); – AlainIb

+0

@AlainIb在這種情況下,沒有必要的路由。只有1個HTML頁面... – QueryLars

回答

5

在controller.js你不需要再次聲明模塊:)

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

將其更改爲var app=angular.module('myApp');

+0

它工作的很好謝謝 – KVK

+0

很高興幫助你請接受它作爲答案:) – squiroid

+0

你可以解釋什麼是需要[]在聲明 – KVK