Как использовать код для открытия модального в Angular 2?
Многие объяснения уже присутствуют, чтобы объяснить, как это происходит и как это исправить, но вы также должны следовать рекомендациям, чтобы избежать NullPointerException вообще.
См. также: A хороший список лучших практик
Я бы добавил, очень важно, хорошо использовать модификатор final. Использование "окончательной" модификатор, когда это применимо в Java
Сводка:
- Используйте модификатор
finalдля обеспечения хорошей инициализации. - Избегайте возврата null в методы, например, при возврате пустых коллекций.
- Использовать аннотации
@NotNullи@Nullable - Быстрое завершение работы и использование утверждений, чтобы избежать распространения нулевых объектов через все приложение, когда они не должен быть пустым.
- Сначала используйте значения с известным объектом:
if("knownObject".equals(unknownObject) - Предпочитают
valueOf()поверх toString (). - Используйте null safe
StringUtilsStringUtils.isEmpty(null).
2 ответа
Мы можем использовать jQuery для открытия модальной начальной загрузки.
ngAfterViewInit() {
$('#scanModal').modal('show');
}
Я в настоящее время использую Начальную загрузку 4.3 в Угловых 8 и хочу открыть модальное окно программно (на самом деле не нажимая на некоторую кнопку, поскольку официальная демонстрация показывает).
В соответствии с методом работает на меня: общее представление состоит в том, чтобы создать кнопку, связанную с модальным окном. Сначала удостоверьтесь после нажатия этой кнопки она может открыть модальное. Затем дайте этому тегу кнопки идентификатор с помощью хэш-тега, например #hiddenBtn. В компоненте ts файл, import ViewChild from @angular/core и запись ниже кода:
@ViewChild('hiddenBtn', {static: false}) myHiddenBtn;
После этого, каждый раз, когда Вы хотите открыть это модальное окно в своем компоненте ts код, пишут следующий код для моделирования операции щелчка
this.myHiddenBtn.nativeElement.click();