BinaryDevelop
  1. ホーム
  2. angularjs

[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。

2022-02-07 03:31:58

質問

チュートリアルに沿って進めようとしているのですが、"Hello, world"の例がうまくいきません。代わりに、"{{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

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します