なぜAngular2/Typescriptモデルを使用するのですか？

Question

これは私の最初の投稿であり、私はトピックのヘルプをお願いしたいと思います。私は何の情報も見つけられないようです。

私は「SpotifyApp」を作成するためのガイドとブックを学びました。ArtistとAlbumのtypescriptクラスモデルを作成し、コンポーネントにインポートしてHTTPの結果を設定するというベストプラクティスを紹介しましたそのモデルへの要求。

通常の配列との違いはありませんが、私はそれをなぜ行うのか分かりませんし、トピックに関連する情報を見つけることができません。それは動作しますが、私はそれが何かを見ることができません。私はそれをランダムな属性を与えて下の例のように壊してみましたが、違いはありません。

私はAngular公式ドキュメントに行きました。私はチュートリアルポイントでTypescriptチュートリアルを教えてくれました。それについて何か。だから私の質問はなぜ私はモデルが必要です、私はそれを間違って使用するのですか？そして、私はそれをアプリケーションで何のために使うのですか？

artist.model.ts

import { Album } from './album.model' 
export class Artist{ 
    id: number; 
    name: number; 
    peackock: string; 
    genres: any; 
    albums: Album[]; 
} 

album.model.ts

export class Album { 
    id: number; 
} 

Spotifyは、app.service

@Injectable() 
export class SpotifyAppService { 

    constructor(private http: Http) { 
    } 

    searchByTrack(query: string) { 
    let params: string = [ 
     `q=${query}`, 
     `type=artist` 
    ].join("&"); 

    let queryUrl = `https://api.spotify.com/v1/search?${params}`; 
    return this.http.get(queryUrl).map(res => res.json()); 
    } 

} 

Spotifyは、app.component.ts

export class SpotifyAppComponent implements OnInit { 
    searchStr: string; 
    artist: Artist[]; 

    constructor(private spotifyService: SpotifyAppService) { } 

    searchMusic(query: string):void{ 

    this.spotifyService.searchByTrack(query) 
     .subscribe(res => { 
     this.artist = res.artists.items; 

     }); 
    }; 
    ngOnInit() { 

    } 

} 

Answer 1

それはちょうどオブジェクトです。そしてあなたはそれが他の属性を持つことができ、それが寛容であるためにまだ機能していることに気付いています。明らかなメリットの1つは、コード補完とエラー検出です。ビジュアルスタジオコードでコードを開き、クリックしてその定義を制御できます。

編集：私が言ったように、コード補完を行います。ですから、名前を入力し続けるためにnを入力し始めると、あなたは知っています。それはあなたが期待するべき属性を探す場所を提供します。 機能を追加できます。 apiから渡されたものだけをより柔軟にしてください。