Как получить доступ к HTML-компоненту вне приложения Angular v6?

Question

Я создал компонент вне приложения, используя Angular CLI (в папке src)

../src> ng g c test

И добавил импорт компонента в app-modules.ts

У меня нет доступафайл test.html отдельно (я хочу выполнить код в методе ngOnInit test.ts), как показано ниже http://localhost:4200/<<context_path>>/test.html

Я даже создал HTML и файл JavaScript и попытался получить доступ, однако этоне работает.

Пожалуйста, дайте мне знать, можно ли получить доступ к HTML?

Спасибо за ответ.Под снимком экрана Снимок экрана приложения

Я хочу получить доступ как http://localhost:4200/test.html

Answer 1

это называется плохим подходом, вы не должны создавать components из папки src я не имею в виду, что это не сработает, но не рекомендуется делать это папка src соберите весь свой проект component, чтобы упростить доступ и обмен данными между ними.

альтернативное решение 1: вы можете удалить component, который вы сделали из src и заново создайте еще один в папке app или просто переместите component files / folder в app, это правильный подход.
тогда вы можете получить к нему доступ из любого другогоcomponent в вашем приложении import, его в ts файле

альтернативное решение 2: , если вы хотите просто обмен данными или выполнение метода / функции, которые могут совместно использоваться двумя components, которые содержат некоторые данные, которые вы можете использовать services или event binding.

альтернативное решение 3: если ваша проблема с routes и вы хотите naviagte к этому test.html для рекомендуемого подхода, сначала переместите его внутрьapp папка как альтернативное решение 1 затем используйте routes и config для создания route для этого component.

замечание: вы не можете inject только html файл внутри angular components он должен иметь свой собственный ts файл, который содержит component config @Component({...}), поэтому Angular знает, что это component возбуждают и как inject это другим components.