Загрузка динамического html — чтение из конфига и загрузка html Ionic 2 Angular 2

Я новичок в кроссплатформенной и ионной структуре.

у нас есть несколько розничных продавцов, их HTML-страницы и дизайн могут отличаться от их требований, но в основном все внутренние функции одинаковы.

Например, страница входа в систему trader1 отличается, но логика входа одинакова для всех продавцов.

структура моего проекта выглядит так

    Project Name
       .src
        .. app
        .. assert
        .. pages
              ... Login
                   .... retailer1Login.html
                   .... retailer2Login.html
                   .... Login.scss
                   .... Login.ts

Login.ts класс должен перенаправляться в файл HTML, зависит от файла конфигурации

@Component({
  selector: 'page-login',
  templateUrl: {{this.htmlPage}},
})

export class SembCorpLoginPage {
  htmlPage : any;


  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }




     ngOnInit() {
        console.log("App.Components")
        if(CONFIG.retailerName == CONSTANTS.retailer1){
          this.htmlPage = retailer1LoginPage;
          console.log("Apps if pageLoader");
        }else {
          this.htmlPage = retailer2LoginPage;
          console.log("Apps else");
        }
        console.log(this.htmlPage);
      }

      ionViewDidLoad() {
        console.log('ionViewDidLoad LoginPage');
      }

Чтобы поддерживать единую базовую систему кода, у нас есть файл конфигурации, но параметры конфигурации различаются от продавца к продавцу.

прочитайте файл конфигурации в Login.ts и в зависимости от файла html загрузите файл html.

можно ли так сделать. Я получил ошибку. Я не мог бежать дальше.

любая помощь или руководство?