2015-03-18 2 views
0
<html> 
<head> 
<script src="angular.js"></script> 
</head> 
<body> 
<div ng-app="myapp1"> 
<div ng-controller="cont1"> 
    <h1>{{data.message}}</h1> 
</div> 
</div> 
<script> 
angular.module('myapp1', []).controller('cont1', function($scope){ 
$scope.data = "{message: 'Hello!'}"; 
}); 
</script> 
</body> 
</html> 

Я передаю значения из контроллера 'cont1' в вид модуля 'myapp1'. Я должен увидеть результат как «Привет!» на странице html, но я получаю чистую пустую белую страницу. Кто-нибудь может мне помочь?ng-controller не передается значение для просмотра

+2

$ scope.data =:; {сообщение 'Hello!'} –

+0

Торрес. Что еще я должен добавить дорогой? Я думаю, что значение хранится как data.message, которое я извлекаю в {{data.message}} в соответствующем модуле «myapp1» – Deadpool

+0

. Это все, что вам нужно, если вы правильно связали файлы .js :) –

ответ

1

Все, что вы делаете неправильно это

$scope.data = "{message: 'Hello!'}"; 

должно быть

$scope.data = {message: 'Hello!'}; 

Вот DEMO

+0

О, мальчик! Это сработало. Эти двойные кавычки создали настоящую проблему. сделал человек, спасибо! – Deadpool

+0

рад, что это помогло :) – iJade

+0

Люблю тебя дорого! :) - Я искал вашу электронную почту, дорогая. Я не знаю, могу ли я увидеть его в вашем профиле. Спасибо, друг! u r awesome ... ответ! простой и короткий! – Deadpool

0

пожалуйста, не используется ("") при вставке объекта в рамки :) изменить следующим образом:.

\t 
 
$scope.data = {message: 'Hello!'};

+0

Спасибо arip. Дорогой! ;) – Deadpool

0

Формат Ваши данные правильно:

angular.module('myapp1', []) 
 
.controller('cont1', function($scope){ 
 
    $scope.data = {message: 'Hello!'}; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myapp1"> 
 
    <div ng-controller="cont1"> 
 
    <h1>{{data.message}}</h1> 
 
    </div> 
 
</div>