2017-01-21 5 views
0

Я (стараюсь) учиться C# и угловым и хочу отображать подробное модальное всплывающее окно, если пользователь нажимает на div.Angular2/dynamic modal popup

Если возможно, было бы здорово, если я могу передать детали данных непосредственно из цикла ngfor в окно «всплывающее окно». Если нет, я могу дать Id для нового вызова web.api для этой функции.

У кого-нибудь есть хороший и простой пример? Я попытался использовать primeng (не работает, к сожалению, с моим угловым 2.4 - у меня появилось несколько ошибок), я попробовал ng2-bs3-modal - это тоже разрушило мое запущенное приложение и, похоже, тоже не работает с угловым 2.4 :(). Поэтому я удалил все это.

Большого спасибо Ralf

ответ

0

Я бы рекомендовал использовать angular2-modal

Вот пример, который я сделал, где вы можете передать данные из ngFor в модальное всплывающее окно путем создания пользовательской модальности: plunker

+0

Привет, спасибо за вашу рекомендацию. Я пытаюсь установить этот modal и следовать установке (только сначала без «Configure root element»), но теперь мое приложение не запускается: (index): 30 ZoneAwareError {__zone_symbol__error: Ошибка: (SystemJS) Неожиданный токен < \t SyntaxError: Неожиданный токен < \t на Eval () \t ..., __zone_symbol__stack: "(SystemJS) Неожиданный токен <↵ \t SyntaxError: ... \t Unexpe Ошибка загрузки HTTP: // локальный: 14062/приложение/main.js", originalErr: SyntaxError : Неожиданный токен < на eval () на SystemJSLoader .__ exec – Ralf

+0

В визуальной студии я получил около 900 ошибок в G: \ test \ src \ WebApplication2 \ node_module s \ @types \ core-js \ index.d.ts G: \ test \ src \ WebApplication2 \ typings \ globals \ core-js \ index.d.ts вот так: TS2300 \t Дублирующий идентификатор 'PropertyKey'. \t TypeScript Virtual TS2323 \t Невозможно переопределить экспортированную переменную 'Array'. \t Виртуальные проекты TypeScript – Ralf

+0

Я решил это сейчас без модального - (click) = "onSelect (item)" и