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

前端之家收集整理的这篇文章主要介绍了AngularJS简单的“你好,世界”不行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
尝试遵循教程,我不能得到“你好,世界”的例子。而是显示:“{{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

原文链接:https://www.f2er.com/angularjs/144425.html

猜你在找的Angularjs相关文章