2016-09-05 3 views
-1

MY HTML PAGEAngularJS не working..Not отладить ошибку

<head> 
    <title>TODO supply a title</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <script src="assets/js/angular.min.js"></script> 
    <script src="assets/js/app.js"></script> 
</head> 
<body> 
    <div ng-controller="HelloController"> 
     <h2>Hi {{helloTo.title}}, Start learning angular js</h2> 

     Enter Your Name<input type="text" ng-model="name"> 
     <span ng-bind="name"></span> 
    </div> 
    <div ng-controller="studentController"> 

    </div> 

</body> 

, и мой JS

function HelloController($scope) { 
$scope.helloTo = {}; 
$scope.helloTo.title = "Rahul Devan"; 
} 

Мне нужно использовать несколько контроллеров в одной и той же странице в то же JS-файла. Вот почему я использовал такие контроллеры.

Я получаю выход как этот Output I am getting

Пожалуйста помогите выяснить ошибку

+0

Где вы инициализации приложения? Другое дело, что вы не можете объявлять глобальные функции контроллера на угловых версиях '> = 1.3'. Если вы не укажете свое имя, просто используйте 'ng-app' в этом случае. Это директива по умолчанию для углов. – Vineet

+0

где ваша директива ng-app? –

+0

Атрибут 'ng-app' должен быть определен с вашим именем экземпляра вашего модуля. –

ответ

0

Эй попробовать этот пример, чтобы понять, как использовать несколько контроллеров для того же модуля приложения.

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

 

 
app.controller('first', function($scope) { 
 
    $scope.name = 'James'; 
 

 
}); 
 

 

 
app.controller('second', function($scope) { 
 

 
    $scope.name = 'John'; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="sample"> 
 
    <div ng-controller="first">First Controller: 
 
    <span>{{name}}</span> 
 
    </div> 
 
    <div ng-controller="second">Second Controller: 
 
    <span>{{name}}</span> 
 
    </div> 
 

 
</body>