登陆

angular.js - 请问为什么我的html显示的是{{greeting.text}},Angular而不是Hello,Angular

请问为什么我的html显示的是{{greeting.text}},Angular而不是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'
    };
}

页面显示为:{{greeting.text}},Angular

# AngularJS
怪我咯怪我咯1572 天前775 次浏览

全部回复(4)我要回复

  • 巴扎黑

    巴扎黑2017-07-04 13:46:55

    自己看看官网链接描述就晓得了,你这函数也没调用啊

    回复
    0
  • 小葫芦

    小葫芦2017-07-04 13:46:55

    数据双向绑定,在angular上教程上

    回复
    0
  • 三叔

    三叔2017-07-04 13:46:55

    例子
    <!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>

    回复
    0
  • 为情所困

    为情所困2017-07-04 13:46:55

    在你的html文档中 ng-app 应该赋值(和js中定义的相同),
    eg: ng-app="DemoApp"

    回复
    0
  • 取消回复发送