angular.js - 請問為什么我的html顯示的是{{greeting.text}},Angular而不是Hello,Angular
問題描述
請問為什么我的html顯示的是{{greeting.text}},Angular而不是Hello,Angularhtml
<!DOCTYPE html><html ng-app><head> <meta charset='UTF-8'> <title>Title</title> <script src='http://www.wxshucaidpc.com/wenda/js/angular.js'></script> <script src='http://www.wxshucaidpc.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’ };}
頁面顯示為：{{greeting.text}},Angular
問題解答
回答1：自己看看官網鏈接描述就曉得了，你這函數也沒調用啊
回答2：數據雙向綁定，在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 應該賦值（和js中定義的相同），eg: ng-app='DemoApp'
網公網安備