Arabirim ve Model ne zaman TypeScript / Angular2'de kullanılır

Kısa süre önce TypeScript ile Angular 2 ile ilgili bir Öğretici izledim, ancak ne zaman Arayüz kullanılacağından ve veri yapılarını tutmak için bir Model kullanacağından emin değilim.

Arayüz örneği:

export interface IProduct {
    ProductNumber: number;
    ProductName: string;
    ProductDescription: string;
}

Model Örneği:

export class Product {
    constructor(
        public ProductNumber: number,
        public ProductName: string,
        public ProductDescription: string
    ){}
}

JSON verilerini bir URL'den yüklemek ve Arayüz / Model'e bağlamak istiyorum. Bazen tek bir veri nesnesi istiyorum, diğer zaman ben nesneyi tutmak ve dizi istiyorum.

Hangisini kullanmalıyım ve neden?

Arayüzler sadece derleme zamanındadır. Bu, yalnızca beklenen verilerin belirli bir yapıya uygun olup olmadığını kontrol etmenizi sağlar. Bunun için içeriğinizi bu arayüze yayınlayabilirsiniz:

this.http.get('...')
    .map(res => <Product[]>res.json());

Şu sorulara bakın:

• Bir JSON nesnesini daktilo sınıfına nasıl atabilirim
• Tarih nesnesi json yanıt almak nasıl daktiloda

Sınıfla benzer bir şey yapabilirsiniz, ancak sınıfla temel farklar çalışma zamanında mevcut olmalarıdır (yapıcı işlevi) ve içinde işlemlerle yöntemleri tanımlayabilirsiniz. Ancak, bu durumda, nesneleri kullanabilmek için somutlaştırmanız gerekir:

this.http.get('...')
    .map(res => {
      var data = res.json();
      return data.map(d => {
        return new Product(d.productNumber,
          d.productName, d.productDescription);
      });
    });

Arayüz bir için bir sözleşme ya açıklar sınıfın veya yeni tip . Saf bir Typcript öğesidir, bu nedenle Javascript'i etkilemez.

Bir model ve bir sınıf , yeni nesneler oluşturmak için kullanılan gerçek bir JS işlevidir.

JSON verilerini bir URL'den yüklemek ve Arayüz / Model'e bağlamak istiyorum.

Bir model seçin, aksi takdirde Javascript'inizde JSON olacaktır.

@ThierryTemplier sunucudan veri almak ve bileşenler arasında (akıllı liste tutmak ve tasarım zamanı hatası yapmak için) model iletmek için söylediği gibi, arayüz kullanmak iyidir ama sunucuya veri göndermek için düşünüyorum (DTOs) almak için sınıf kullanmak daha iyidir modelden DTO otomatik haritalamanın avantajları.

Tüm araştırmalarımdan sonra keşfettiğim şey Interface yerine Class'u kullan .

Neden? Tek başına bir sınıf, bir sınıf artı arabirimden daha az koddur. (yine de veri modeli için bir Sınıfa ihtiyacınız olabilir)

Neden? Bir sınıf arabirim görevi görebilir (genişletmeler yerine uygular kullanın).

Neden? Bir arayüz sınıfı, Açısal bağımlılık enjeksiyonunda bir sağlayıcı arama jetonu olabilir.

Açısal Stil Kılavuzundan

Temelde bir Sınıf bir Arabirimin ne yapacağını yapabilir. Bu yüzden asla Arayüz kullanmanız gerekmeyebilir .