2017-02-16 9 views
0

{{value}}のデータバインディングを使用することができません。ここでは簡単な例です:Angular2クラスからデータを取得

app.component.ts

import {Component, OnInit} from "@angular/core"; 

    @Component({ 
     selector: "app", 
     templateUrl: "./app/app.html" 
    }) 

    export class AppComponent implements OnInit { 
     title:string = "aaaaa"; 
     ngOnInit() { 
      console.log("Application component initialized ..."); 
     } 
    } 

app.component.html

<section> 
     <p>test Display.</p> 
     <nav> 
      <p>{{title}}</p> 
     </nav> 
    </section> 

{{title}}<p>が作成されていることDOMをチェックblank.I常にでした。

+0

それは継承しないよう、コンストラクタの必要は何から。 – n00dl3

+0

あなたのテンプレート名は 'app.html'と表示されますが、実際は' app.component.html'です –

+0

は[再現できません]という問題のように聞こえます(https://plnkr.co/edit/LV0zJaWevBEoKR4HPQ39?p=preview) – n00dl3

答えて

-1

のは、試してみましょう

export class AppComponent implements OnInit { 
    public title:string; 
    ngOnInit() { 
     this.title = "aaa" 
     console.log("Application component initialized ..."); 
    } 
} 
+0

これは重要ではなく、initのinitまたはinitの中で割り当てられた値です。 –

+0

悲しいことに、それはうまくいきませんでした。 –

0

templateUrl(app.html)名とhtml(app.component.html)の名前があるvaries.checkその1

+0

私のポストに固定されました。この問題はありません。 –

関連する問題