Вставка компонента Angular 2 CLI в существующее дерево каталогов (сдвиг других компонентов вниз) - PullRequest
Новая
       13

Вставка компонента Angular 2 CLI в существующее дерево каталогов (сдвиг других компонентов вниз)

0 голосов
/ 18 мая 2018

TL: DR - есть ли способ добавить компонент поверх существующего компонента: имеется в виду путь к файлу выходящего компонента, а не рядом с ним?

Допустим, яу меня есть проект Angular со следующей простой древовидной структурой: 

app/parent/child1
app/parent/child2

Но теперь, когда мой проект растет, я вижу, что хочу добавить еще один компонент (чтобы создать другую ветвь) выше моего существующего каталога 

app/parent/i_am_OLD_here/child1
app/parent/i_am_OLD_here/child2
app/parent/i_am_NEW_here/child3
app/parent/i_am_NEW_here/child4

Если я нахожусь в каталоге app/parent, и я делаю: ng g component i_am_NEW_here Я просто получу: 

app/parent/child1
app/parent/child2
app/parent/i_am_NEW_here

, что означает, что я должен создать child1 и child2в каталоге app/parent/i_am_new_here, а затем скопируйте все данные из старых компонентов child1 и child2` в новые И измените все импорты в компонентах И в компонентах модуля (что все еще хорошо, если у вас есть только два компонента, но что, если у вас их гораздо больше)?

Я не вижу ничего подобного в документации CLI и сталкивался с этой проблемой довольно много раз. Очевидно, одним из ответов может быть планирование моего проекта лучше, но как узнать, какие функции мне (или клиенту) могут понадобиться через 3 месяца?

1 Ответ

0 голосов
/ 18 мая 2018

С помощью углового интерфейса командной строки можно указать префикс подпапки, в который будет сгенерирован ваш компонент.

Например:

ng g component <any_nested_path>/i_am_NEW_here --dry-run

Запускать как сухойзапустите, и он покажет вам ресурсы, создаваемые в каталоге any_nested_path.Удалите флаг пробного запуска, чтобы фактически создать компонент.

...