2017-05-31 52 views
0

我正在使用Angular 2與ui語義來創建應用程序的前端。我創建了自己的模式,所以我沒有使用ui語義的模態代碼,但是我使用了當時的HTML CSS樣式。像這樣:ui模態中的語義應用調光器

<div class="ui modal"> 
    <div class="header"> 
    Some Header 
    </div> 
    <div class="description"> 
    <div class="ui header"> 
     Some description 
    </div> 
    </div> 
    <div class="actions"> 
    <div class="ui black deny button"> 
     Some action 
    </div> 
    </div> 
</div> 

只需從他們的示例中複製代碼。但重點是,我想知道如何使用ui語義來應用調光器(當我打開模式時使背景變暗)。有什麼辦法可以做到這一點?

+0

喜,現在modal爲啓動頁面? –

+0

我有一個布爾變量「活動」來顯示模式 –

回答

0

我覺得你是不是在jQuery中添加了正確的方法,檢查語義UI的例子,他是如何does.Try這個查詢

$('.ui.modal') 
    .modal({ 
    blurring: true 
}).modal('show'); 

https://semantic-ui.com/modules/modal.html#dimmer-variations

+0

我沒有使用這個JQUERY,因爲我已經在typescript中有我自己的邏輯來顯示模態文件。 –