angularJS .component（）を使用していますが、値がありません

私はangularJSを初めて使用し、次の簡単なサンプルを取得しようとしています。しかし、私はそれを実行したとき、私は "Hello world"の代わりに空白の画面を得ました。ヘルプは非常に高く評価されます。ありがとう。angularJS .component（）を使用していますが、値がありません

角度-comp.js：

angular.module('myApp').component('greetUser', { 
     template: 'Hello, {{$ctrl.user}}!', 
     controller: function GreetUserController() { 
      this.user = 'world'; 
     } 
});

のindex.html：

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <meta charset="ISO-8859-1"> 
    <title>AngularJS</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js">    </script> 
    <script src="js/angularcomp.js"></script> 
</head> 
<body> 
    <greet-user></greet-user> 
</body> 
</html>

アップデート：私は問題を発見したが、バージョン1.4.5には、コンポーネントをサポートしていません。私は今1.6.1を使用しています！

出典

2017-02-09 jlp

を...（[]、 'て、myApp'）あなたはおそらく 'angular.moduleを意味 – thiagoh

分を待つ代わりに' angular.module 'の（ 'MyApp]を'） '。 –

ここでの問題は、あなたが新しいモジュールを作成しているので、これは

angular.module('myApp',[])

でなければなりません

angular.module('myApp')

を常駐。 2番目のArray引数を渡さないと、AngularJSは新しいモジュールを作成するのではなく、モジュールを見つけようとします。

これを試してみてください。私はこれに取り組んでいる

<!DOCTYPE html> 
<html> 

    <head> 
    <meta charset="ISO-8859-1"> 
    <title>AngularJS</title> 
    </head> 

    <body ng-app="myApp"> 
    <greet-user></greet-user> 
    </body> 

    <script> 
    angular.module('myApp',[]) 
     .component('greetUser', { 
     template: 'Hello, {{$ctrl.user}}!', 
     controller: function GreetUserController() { 
      this.user = 'world'; 
     } 
     }); 

    </script> 

</html>

出典

2017-02-09 21:57:42 thiagoh

- thiagoh私は解決策を試しましたが、まだウェブページに "Hello world"が表示されませんでした。 – jlp

上記のソリューションをIDEにコピーしてもう一度実行しましたが、Webページで「Hello world」が表示されませんでした。 – jlp

角度1の最後のバージョンを含めましたか？ – thiagoh

angularJS .component（）を使用していますが、値がありません

答えて

関連する問題