2017-03-31 32 views
1

Admin.ts獲取值的陣列角2

export class AdminValues{ 

    nameAd:String; 
    email_addr:String; 
    passwrd:String; 

    constructor(adminName:String,adminEmail:String,adminPassword:String){ 

     this.nameAd=adminName; 
     this.email_addr=adminEmail; 
     this.passwrd=adminPassword; 
    } 

} 

我完全新的角度2.我已經創建了一個管理表單(AdminForm組件)以獲取輸入。我想創建一個Angular 2服務來將新管理員添加到管理員類型數組中。我應該怎麼做?

回答

0

這是一個相當寬泛的問題,因爲有無數的方法來做到這一點。 This article will give you a pretty good overview on getting started.

最簡單的,你需要一個新的文件,與此內容在裏面:

@Injectable() 
export class AdminService { 
    getArray() { 
    return ['my array']; 
    } 
} 

您將需要包括在providers節你的應用模塊這項服務,並將其導入到您的AdminForm組件。應該按照import { AdminService } from './AdminService';的順序進行工作。

然後,您應該構造函數改成這樣:

constructor(private adminService: AdminService, adminName:String,adminEmail:String,adminPassword:String){ 

    this.nameAd=adminName; 
    this.email_addr=adminEmail; 
    this.passwrd=adminPassword; 
} 

那麼這將給你訪問你的管理服務,你可以得到你的陣列。

myArray; 

constructor(private adminService: AdminService, adminName:String,adminEmail:String,adminPassword:String){ 

    this.nameAd=adminName; 
    this.email_addr=adminEmail; 
    this.passwrd=adminPassword; 
    this.myArray = adminService.getArray(); 
} 

這個答案應該讓你開始,但如果您需要了解服務的更多深入的信息,在這個答案的頂部的鏈接應該有你需要得到持續的所有信息。

+0

我已經做了你在第一步所說的。實際上我的adminValues類是Model.in我的服務創建了一個數組adminDetails:AdminValues [] [//保存數據]。我想要的是當我點擊我的表單提交按鈕時獲取詳細信息並存儲到此數組中。 – NicoleZ

+0

然後,您應該發佈您的表單模板和您的服務的代碼。也許編輯你的問題,具體問問題是什麼,因爲現在它是非常廣泛的。 – Adam