我可以在Angular 2中將多個組件連接到一個類對象嗎？

Question

我有兩個不同的模板和樣式的輸入框，但他們基本上以相同的方式運作，並以相同的方式訪問後端數據。我希望這兩個模板能夠訪問相同的功能。有沒有辦法將2個組件連接到一個類或允許一個組件訪問其他的功能？

@Component({ 
    selector: 'inputbox1', 
    templateUrl: 'templates/Tnputbox1.html' 
}) 
export class Inputbox1 { 
... 
} 

另一種選擇是創建兩個類，每個組件具有相同的代碼，或者重寫所有模板和樣式。

Answer 1

您可以創建一個抽象類，擴展它的其他類：

@Component({ 
    selector: 'inputbox1', 
    templateUrl: 'templates/Tnputbox1.html' 
}) 
export class Inputbox1 extends Inputbox { 
... 
} 

@Component({ 
    selector: 'inputbox2', 
    templateUrl: 'templates/Tnputbox2.html' 
}) 
export class Inputbox2 extends Inputbox { 
... 
} 

abstract class Inputbox { 
...your common functions 
}