Поскольку вы хотите использовать одну и ту же кодовую базу для Интернета и телефона, NativeScript является очевидным выбором. Команды Angular и NativeScript объединились для создания nativescript-schematics, набора схем, который позволяет создавать как веб-, так и мобильные приложения изодин проект.
Проект совместного использования кода - это проект, в котором мы храним код для веб-приложений и мобильных приложений в одном месте.Вот краткая диаграмма, показывающая, как это выглядит на высоком уровне.
Цель состоит в том, чтобы разделить как можно больше кода и разбить код, специфичный для платформы, на отдельные файлы.
Обычно это означает, что мы можем совместно использовать код для:
Маршрутов для навигации, Служб для общей бизнес-логики и определения класса компонентов для общего поведения компонента В то время как код делится на:
Уровень пользовательского интерфейса (CSS и HTML) - так как вам нужно использовать различные компоненты пользовательского интерфейса в веб-приложениях и собственных приложениях, построенных на NativeScript, и NgModules, - чтобы вы могли импортировать модули, специфичные для платформы, без создания конфликтов (например, Angular Material Design -только веб) между мобильным и мобильным.
Чтобы создать два отдельных шаблона, вам просто нужно использовать соглашение об именах.Просто создайте два файла:
yourcomp.component.html - файл веб-шаблона, yourcomp.component.tns.html - файл шаблона NativeScript - именно .tns делает его {N} файлом.
Вы даже можете перейти с существующего проекта, вы можете выполнить точные инструкции здесь
PSThe @ nativescript / schematics package работает только с @ angular / cli: 6.1.0 илиновый.