Угловой 6: окно. Условие размещения не работает

Question

Я написал код для загрузки другого шаблона, когда размер экрана небольшой. В Angular 4 он работал нормально. Теперь после обновления до Angular 6 выдает ошибку:

ERROR in ./src/app/student/student.component.ts
Module not found: Error: Can't resolve ' ""+((window.innerWidth) > 745 ?
      "student.component.html" :
      "student.component.mobile.html")' in 'C:\BIT_BUCKET\STUDENT\STUDENT-WEB\src\app\student'

Код:

@Component({
  selector: 'app-lineside-inspection',
  templateUrl: "./"+((window.innerWidth) > 745 ?
      "student.component.html" :
      "student.component.mobile.html"),
  styleUrls: ['./student.component.css']
})

Версия:

Angular CLI: 6.0.8
Node: 9.8.0
OS: win32 x64
Angular: 6.0.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cdk                      6.3.2
@angular/cli                      6.0.8
@angular/material                 6.3.2
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.2.1
typescript                        2.7.2
webpack                           4.8.3

Answer 1

Я не думаю, что вы сможете сделать что-то подобное. Но я бы предпочел, чтобы содержимое html содержалось в одном файле и использовалась директива * ngIf. Вот и все.

Или Если вы действительно хотите использовать две HTML-страницы, то вы можете использовать селектор. Что-то вроде, <second-html-component *ngIf = "condition"></second-html-component>