Угловое выражение js binding не показывает значение

Эта страница index.html выглядит следующим образом.Угловое выражение js binding не показывает значение

<!DOCTYPE html> 
<html ng-app> 
<head> 
<script type="text/javascript" src="/js/script.js"/> 
<script data-require="[email protected]*" data-semver="1.3.0-beta.14" src="http://code.angularjs.org/1.3.0-beta.14/angular.js"></script> 
<meta charset="UTF-8"> 
<title>Test Page</title> 
</head> 
<body ng-controller="MainController"> 
<div> 
<h1>{{message}}</h1> 
<div> 
    {{person.firstName}} 
</div> 
</div> 
</body> 
</html>

Файл script.js выглядит следующим образом:

var MainController = function($scope) { 
var person = { 
    firstName : "Nagendra" 
}; 
$scope.person = person; 
$scope.message = "Hello Angular!"; 
};

Но когда я загрузится приложение моя страница показывает:

{{message}} 

{{person.firstName}}

и не те ценности, которые он должен. Я что-то упустил? Я использую весенний ботинок. Я отлаживал хром и правильно смотрел загрузку js-файла, он даже попадает в точку отладчика в js-файле, поэтому загрузка файла не является проблемой, я полагаю.

update- ЭТО РАБОТАЛ

var MainController = function($scope) { 
var person = { 
    firstName: "Nagendra" 
}; 
$scope.person = person; 
$scope.message = "Hello Angular!"; 
}; 


angular.module('mainApp', []) 
.controller('MainController', MainController);

index.html

<!DOCTYPE html> 
<html ng-app="mainApp"> 
<head> 
<script data-require="[email protected]*" data-semver="1.3.0-beta.14" src="http://code.angularjs.org/1.3.0-beta.14/angular.js"></script> 
<script type="text/javascript" src="/js/script.js"></script> 
<meta charset="UTF-8"> 
<title>Test Page</title> 
</head> 
<body ng-controller="MainController"> 
<div> 
<h1>{{message}}</h1> 
<div> 
    {{person.firstName}} 
</div> 
</div> 
</body> 
</html>

источник

2016-11-26 Nagendra555

Так как угловой 1.3+ global function declaration of controller haven't been supported. Таким образом, вы сначала создаете угловой модуль, а затем привязываете к нему весь свой угловой компонент.

Также перемещается /js/script.js сразу после angular.js ссылка с закрытием </script> бирка.

Код

angular.module('mainApp', []) 
.controller('MainController', MainController) 
function MainController($scope) { 
    var person = { 
     firstName: "Nagendra" 
    }; 
    $scope.person = person; 
    $scope.message = "Hello Angular!"; 
};

Затем сделайте добавить mainApp модуль внутри ng-app директивы как ng-app="mainApp" на HTML тегов.

Demo Here

источник

2016-11-26 16:33:01

Спасибо, я сменил свой угловой сервер на. '' и это сработало , – Nagendra555

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

его приложение для почтового модуля модуля недоступно, если я вижу в консоли. – Nagendra555

Вы должны определить модуль и контроллер,

HTML:

<body ng-app="DemoApp" ng-controller="DemoController"> 
    {{message}} {{person.firstName}} 
</body>

Контроллер:

var app = angular.module('DemoApp', ['angular.filter']) 
app.controller('DemoController', function($scope) { 
var person = { 
    firstName : "Nagendra" 
}; 
$scope.person = person; 
$scope.message = "Hello Angular!"; 

});

DEMO

источник

2016-11-26 16:32:39 Sajeetharan

Просто увидел, почему вы добавили angular.filter. – Nagendra555

@ Nagendra555, который не нужен – Sajeetharan

Я обновил свой ответ, что сработало. Благодарю. – Nagendra555

Угловое выражение js binding не показывает значение

ответ

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