angular.js - 請(qǐng)問(wèn)為什么我的html顯示的是{{greeting.text}},Angular而不是Hello,Angular
問(wèn)題描述
請(qǐng)問(wèn)為什么我的html顯示的是{{greeting.text}},Angular而不是Hello,Angularhtml
<!DOCTYPE html><html ng-app><head> <meta charset='UTF-8'> <title>Title</title> <script src='http://www.intensediesel.com/wenda/js/angular.js'></script> <script src='http://www.intensediesel.com/wenda/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’ };}
頁(yè)面顯示為：{{greeting.text}},Angular
問(wèn)題解答
回答1：自己看看官網(wǎng)鏈接描述就曉得了，你這函數(shù)也沒(méi)調(diào)用啊
回答2：數(shù)據(jù)雙向綁定，在angular上教程上
回答3：例子<!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) {
$scope.firstName = 'John';$scope.lastName = 'Doe';
});</script>
</body></html>
回答4：在你的html文檔中 ng-app 應(yīng)該賦值（和js中定義的相同），eg: ng-app='DemoApp'
網(wǎng)公網(wǎng)安備