У меня есть сайт, на котором должен быть загружен диалог настроек, если нажать на кнопку. Диалог настроек - это компонент, который загружает данные из конечных точек REST. Я не хочу вставлять компонент и просто скрывать его, так как я хочу сохранить ресурсы. Каков правильный Угловой способ 2?Load Angular 2 component to area
ответ
Вы можете использовать ngIf
для такого рода целей, он будет вставить элемент, только если условие истинно
<div *ngIf="condition">
<!-- Content present in DOM only if condition == true -->
</div>
Таким образом, ваши данные не будут загружены во время выполнения, но когда компонент вставляется (=>, когда условие становится истинным).
EDIT: загрузить на основе shouldBeLoaded, затем показать/скрыть на основе shouldBeDisplayed; когда shouldBeLoaded установлено значение истинно, то его значение не должно изменяться
<component *ngIf="shouldBeLoaded" *ngShow="shouldBeDisplayed">
</component>
Перезагружает ли этот компонент, когда я скрываю его и снова показываю? – Johni
Да, вы можете использовать вторую переменную с 'ngShow', чтобы только скрывать/показывать компонент при загрузке; я редактировал сообщение с примером –
Существует 2 способа сделать это:
<div [hidden]="condition"> content </div>
это создастcontent
, но скрыть его, когдаcondition
являетсяtrue
<div *ngIf="condition"> content </div>
он создастcontent
, еслиcondition
это правда, в противном случае это не будет
- 1. Angular 2 Component Library
- 2. Angular 2 @Component Styles
- 3. Angular 2 routing from joomla component
- 4. Dispose Angular 2 App or Component
- 5. Встроить widgets в Angular 2 component template
- 6. Локальные крючки жизненного цикла Angular 2 Component
- 7. Angular 2 Component Constructor Vs OnInit
- 8. Загрузите данные JSON в Angular 2 Component
- 9. Angular 2 Component templateUrl не отображается
- 10. Не удается найти модуль Angular 2 @Component
- 11. Angular 2 - transclude in child component
- 12. Angular 2 bootstrap multi root component
- 13. Angular - load version 4 beta to plunker
- 14. Reusing Angular component
- 15. Angular 2 Lazy load Содержимое вкладки
- 16. Desktop vs Mobile Angular 2 Load Times
- 17. load socket.io с Angular 2 AOT
- 18. Inject Upgraded Service to Component
- 19. Как вызвать функцию Directive/Component внутри рендеринга Angular 2
- 20. Angular 2 - Добавить класс CSS из события Component
- 21. Angular 2 Post Form to External Link
- 22. JSON Object to Angular 2 Template
- 23. Импортировать библиотеки Angular 2
- 24. HTTP Get Angular 1.5 component
- 25. Angular 2/текст ввода текста для <meta property = "og"> from component to index.html
- 26. Angular 2 RC1 component routing ничего не нагружает
- 27. Добавить параметр в Angular 2 Route from Component без навигации
- 28. Является ли синтаксис Angular 2 @Component частью ES6?
- 29. Как изменить стилизацию CSS изнутри Angular 2 Component
- 30. Kendo UI для Angular 2 Upload Component - Upload Method
Пожалуйста, добавьте код, который демонстрирует то, что вы пытаетесь выполнить. Что значит «загружено в определенной области» точно, а также что означает «нагрузка»? –