エラー：（typescript）予期しないトークン。コンストラクタ、メソッド、アクセサ、またはプロパティが予期されました

Question

私はAngular 2の初心者です。私はビジュアルスタジオでコーディングすることでチュートリアルを試していました。 npm、nodejs、angular/cliをインストールしました。私はtypescriptです上のVisual Studioのコードにいくつかの例を挙げて走っていたとして、私は「この」

私はjavascriptの言葉を使用する場合のみに発生するエラー「この」、他のJavaScript言葉にしようとしたとき、私はエラーが発生しましたそれよりも、それはエラーがありません。これに対する解決策はありますか？ありがとうございました。

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

@Component({ 
    selector: 'app-user', 
    templateUrl: './user.component.html', 
    styleUrls: ['./user.component.css'] 
}) 
export class UserComponent implements OnInit { 
    name:string = 'John Doe'; 
    age:number = 50; 
    email:string = 'someone@example.com'; 
    address: { 
    street:string, 
    city:string, 
    postalcode:number 
    } 

    constructor() { 
    console.log('constructor . .. '); 
    } 

    ngOnInit() { 
    console.log('ngonit . . . '); 
    } 
    public.address = { 
    street:'adsadsasd', 
    city: 'asdsad', 
    postalcode: 123132 
    } 

} 

Answer 1

。

ngOnInitファンクションにラップできます。

別のクラスでモデルを作成することをお勧めします。

component.tsで初期化してください。

address:AddressModel= new AddressModel(); 

Answer 2

The error only occurs when I use the javascript word 'this', other than that, it doesnt have error. Any solution for this? Thank you.

それを使用しないでください。 TypeScriptでは、次のようにメンバーを書くことをお勧めします。

public address: {...} = {...}; 

ここで、publicは省略可能です。

例えば、あなたのクラスであなたが持っている可能性があり：あなたが関数内でthis.address={..}をラップする必要があります

public address: { 
    street:string, 
    city:string, 
    postalcode:number 
} = { 
    street:'adsadsasd', 
    city: 'asdsad', 
    postalcode: 123132 
} 

Answer 3

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

@Component({ 
    selector: 'app-user', 
    templateUrl: './user.component.html', 
    styleUrls: ['./user.component.css'] 
}) 
export class UserComponent implements OnInit { 
    name:string = 'John Doe'; 
    age:number = 50; 
    email:string = 'someone@example.com'; 
    address: { 
    street:string, 
    city:string, 
    postalcode:number 
    } 

    constructor() { 
    console.log('constructor . .. '); 
    } 

    ngOnInit() { 
    console.log('ngonit . . . '); 
    this.address = { 
     street:'Chicago', 
     city: 'America', 
     postalcode: 123132 
    }; 
    } 
} 

このコードは、私のために動作します。 ngOnIt（）関数の中でthis.addressを折り返して変更しました。みんなありがとう。