2017-01-21 102 views
0

我(嘗試)學習C#和角度,並希望顯示一個細節模式彈出如果用戶點擊一個div。Angular2 /動態模態彈出

如果可能的話,如果我可以直接從ngfor循環中將detaildata傳輸到「popup」窗口中,那將會很棒。如果沒有,我可以給一個新的web.api調用這個函數的Id。

有沒有人有一個很好很容易的例子?我試圖使用primeng(不幸的是,我的角度2.4 - 我得到了幾個錯誤),我試過ng2-bs3-modal - 這也破壞了我的運行應用程序,似乎沒有與角2.4的工作:()。所以我把它全部刪除了。

非常感謝 拉爾夫

回答

0

我推薦使用angular2-modal

這是我做出了榜樣,你可以通過創建一個自定義模式通過從ngFor數據到模式彈出:plunker

+0

嗨,謝謝你的推薦。我嘗試安裝thi modal,並按照安裝(僅在第一次沒有「配置根元素」時) - 但現在我的應用程序無法啓動:(index):30 ZoneAwareError {__zone_symbol__error:Error :(SystemJS)意外的標記< \t SyntaxError:意外的標記< \t在EVAL() \t ...,__zone_symbol__stack: 「(SystemJS)意外的標記<↵\t語法錯誤:Unexpe ... \t錯誤加載的http://本地主機:14062 /應用/ main.js」,originalErr:的SyntaxError :意外的令牌< at eval() at SystemJSLoader .__ exec – Ralf

+0

在visual studio中,我得到了近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

我現在解決了這個問題,沒有模式 - 只有(點擊)=「onSelect(item)」和一個