Excusez-moi, pourquoi mon code HTML affiche-t-il {{greeting.text}}, Angular au lieu de Hello, Angular
html
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.js"></script>
<script src="js/HelloAngular-MVC.js"></script>
</head>
<body>
<p ng-controller="HelloAngular">
<p>{{greeting.text}},Angular</p>
</p>
</body>
</html>
JS
function HelloAngular($scope) {
$scope.greeting ={
text:'hello'
};
}
La page s'affiche comme : {{greeting.text}},Angular
Regardez simplement la description du lien du site officiel et vous saurez que vous n'avez pas non plus appelé cette fonction
.Liaison de données bidirectionnelle, tutoriel sur angulaire
例子
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/...
<corps>
<p ng-app="myApp" ng-controller="myCtrl">
名 : <input type="text" ng-model="firstName">
姓 : <input type="text" ng-model="lastName">
姓名 : {{firstName + " " + nom}}
</p>
<script>
var app = angulaire.module('myApp', []);
app.controller('myCtrl', function($scope) {
});
</script>
</body>
</html>
Dans votre document html, ng-app doit se voir attribuer une valeur (la même que celle définie dans js),
par exemple : ng-app="DemoApp"