我可以在Angular 2中将多个组件附加到一个类对象吗？

Question

我有两个不同的模板和样式用于输入框，但它们基本上以相同的方式运行并以相同的方式访问后端数据。我希望这两个模板能够访问相同的功能。有没有办法将2个组件附加到一个类或允许一个组件访问其他组件？

classmethod

另一种选择是创建两个具有相同代码的类，或者重写所有模板和样式。

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
}