AngularJS简单的“你好,世界”不行

发布时间：2020-12-17 08:11:36 所属栏目：安全来源：网络整理

导读：尝试遵循教程，我不能得到“你好，世界”的例子。而是显示：“{{greeting.text}}，world”。使用Chrome和AngularJS 1.3.1。 index.html的： !DOCTYPE htmlhtml ng-app head script src="angular.js"/script script src="app.js"/script !--link rel="stylesh

尝试遵循教程，我不能得到“你好，世界”的例子。而是显示：“{{greeting.text}}，world”。使用Chrome和AngularJS 1.3.1。

index.html的：

<!DOCTYPE html>
<html ng-app>
    <head>
        <script src="angular.js"></script>
        <script src="app.js"></script>
        <!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />-->
    </head>
    <body>
        <div ng-controller='HelloController'>
            <p>{{greeting.text}},world </p>
        </div>
    </body>
</html>

app.js

function HelloController($scope) {
    $scope.greeting = { text: 'Hello' };
}

我的文件夹结构

root/
    angular.js
    app.js
    index.html

谢谢

我希望这有帮助。

的index.html

<!DOCTYPE html>
<html ng-app="appname">

  <head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
    <link href="style.css" rel="stylesheet"/>
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="appCtrl">
      <p>{{greeting.text}},world </p>
    </div>
  </body>

</html>

的script.js

var appname = angular.module('appname',[]);
appname.controller('appCtrl',['$scope',function($scope) {
    $scope.greeting = { text: 'Hello' };
}]);

http://plnkr.co/edit/XmliRcmsZvuQimHoyjN5?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!