Excuse me why my html displays {{greeting.text}},Angular instead of 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'
};
}The page is displayed as: {{greeting.text}},Angular
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Just look at the official website link description and you will know. You didn’t call this function either
Two-way data binding, tutorial on angular
例子
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/...
<body>
<p ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName">
姓: <input type="text" ng-model="lastName">
姓名: {{firstName + " " + lastName}}
</p>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
});
</script>
</body>
</html>
In your html document ng-app should be assigned a value (the same as defined in js),
eg: ng-app="DemoApp"