2015-01-30 2 views
-1

Я обновил свой угловой код js с 1.2.26 до 1.3.12, и внезапно сбой данных не удался. Я думал, что слежу за контроллером стиля 1.3. Просьба сообщитьСбой привязки данных после обновления углового js

<!DOCTYPE html> 
<html data-ng-app="myApp"> 

<head> 
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"> </script> 
</head> 

<body> 

<p>Try to change the names.</p> 

<div ng-app="" data-ng-controller="PersonController"> 

First Name: <input type="text" data-ng-model="firstName"><br> 
Last Name: <input type="text" data-ng-model="lastName"><br> 
<br> 
Full Name: {{firstName + " " + lastName}} 

</div> 

<script> 
var myApp = angular.module('myApp', []).controller('PersonController', [funnction() { 
    $scope.firstName= "John"; 
    $scope.lastName= "Doe"; 
}]); 

</script> 

</body> 
</html> 

ответ

2

Во-первых, у вас есть опечатка: «Contoller» вместо контроллера.

Во-вторых, удалите второй ng-app из раздела, где вы назначаете контроллер. Это вызывает переопределение вашего первого объявления.

Plunker

+0

Я не видел опечатанного кончика. Удаление второго ng-приложения все еще не решило проблему. Вы можете проверить еще раз? – johnsam

+0

Работает в плункер. – Mosho

+0

Спасибо. И вы правы, что мне нужно удалить второе ng-приложение. Но есть еще одна проблема. Смотрите мой пост. – johnsam

0

Mosho правильно, что я должен удалить вторые нг-приложение. Но есть еще одна проблема. Панели кронштейнов вокруг контроллера должны быть удалены.

<script> 
angular.module('myApp', []).controller('PersonController', [function() { 

    $scope.firstName= "John"; 
    $scope.lastName= "Doe"; 
}]); 
</script> 

не будет работать.

После удаления Braket

<script> 

angular.module('myApp', []).controller('PersonController', function($scope) { 
    $scope.firstName= "John"; 
    $scope.lastName= "Doe"; 
}); 
</script> 

Он начал работать. Я видел, что кронштейн требуется от 1.3

Смежные вопросы