angular - วิธีการเขียนทับ/แก้ไขเทมเพลตของแพ็กเกจ 'node_module'?

ฉันกำลังทำงานกับโปรเจกต์ Angular2 และฉันมีคอมโพเนนต์บางตัว (เช่น header, footer เป็นต้น) ที่ฉันต้องการนำกลับมาใช้ในโปรเจกต์อื่นโดยมีการเปลี่ยนแปลงบางอย่าง สำหรับเรื่องนั้นฉันได้สร้างแพ็กเกจ Node และนำแพ็กเกจนั้นมาใช้งานในโปรเจกต์ใหม่ แต่ปัญหาของฉันคือ ฉันต้องการเปลี่ยนแปลงบางอย่างตามโปรเจกต์ใหม่ในเทมเพลตแพ็กเกจ Node ที่มีในตัว ฉันพบวิธีแก้ไข CSS แต่ไม่สามารถเปลี่ยนเนื้อหาใด ๆ ของเทมเพลตได้

นี่คือโค้ดคอมโพเนนต์ซึ่งขยายแพ็กเกจโนด

about.component.ts

import {Component , ViewChild, Input} from '@angular/core';
import { Router } from '@angular/router';
import { FaqComponent } from 'FaqComponent';

@Component({
  selector: 'about',
  styleUrls: [ './about.component.scss' ],
  templateUrl: './about.component.html'
})
export class AboutComponent extends FaqComponent {}

ตรงนี้ FaqComponent เป็นแพ็กเกจโนด และเกี่ยวกับ component ที่สืบทอดจากนั้น เทมเพลตของ FaqComponent จะเขียนทับเทมเพลตของ AboutComponent และฉันต้องการนำการเปลี่ยนแปลงไปใช้ในเทมเพลตของ FaqComponent นั้น

ฉันจะทำมันได้อย่างไร? มีวิธีใดบ้างไหม? ความช่วยเหลือใด ๆ จะได้รับความชื่นชม