0

私はangular 2.0.0ベータ版が初めてで、javascriptで開発しています。ngFor ディレクティブを機能させるのに問題があります。コンポーネント list.component.js、boot.js ファイル、および index.html があります。何が間違っているのかわかりません。コードは次のとおりです。

list.component.js

function(app) {
  app.ListComponent = ng.core
    .Component({
        selector: 'list'
    })
    .View({
        template:'<ul>'
        +'<li *ng-for="#name of names" >{{name}}</li>'
        +'</ul>'
        +'<p *ng-if="names.length > 3">You have many friends!</p>',
        directives: [angular.NgFor]
    })
    .Class({
        constructor: function() {
            this.names = ["Aarav", "Martín", "Shannon", "Ariana", "Kai"];
        }
    });
})(window.app || (window.app = {}));

boot.js

(function(app) {
  document.addEventListener('DOMContentLoaded', function() {
    ng.platform.browser.bootstrap(app.ListComponent);
  });
})(window.app || (window.app = {}));

index.html

<html>
  <head>
    <title>Angular 2 Example</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.umd.js"></script>
    <script src="node_modules/angular2/bundles/angular2-all.umd.js"></script>

    <!-- 2. Load our 'modules' -->
    <script src='app/list.component.js'></script>
    <script src='app/boot.js'></script>

  </head>

  <!-- 3. Display the application -->
  <body>
    <list>loading...</list>
  </body>

</html>

私が見るのは「読み込み中...」だけです。

angular.io の javascript 用の angular2 ベータ版のドキュメントも限られているようです。javascript 用の angular 2 ベータ版の優れたチュートリアルを参照できる人がいれば、非常に役に立ちます。ありがとう。

4

0 に答える 0