自舉模式和灰燼

工作我都誰打開嵌套列表一個JSON誰看起來像這樣的（「選項」）引導模態的工作版本：自舉模式和灰燼

{ 
    product: [{ 
     id: 1, 
     title: 'Some dope shoes', 
     options: [ 
     { id: 1, name: 'Color' }, 
     { id: 2, name: 'Size' } 
     ] 
    }, 
    { 
     id: 2, 
     title: 'Some dope', 
     options: [ 
     { id: 3, name: 'Lenght' }, 
     { id: 4, name: 'Flavor' } 
     ] 
    } 
    ] 
}

我已經寫了一切與情態動詞我做過的模板使用任何文件組件。訣竅是使uniq模式ID。網址看起來像：

<a href="#" data-toggle="modal" data-target="#ma-modal{{optionid}}" title={{title}}>{{mmmh}}</a>

與情態動詞的樣子：

<div class="modal" id="ma-modal{{optionid}}"></div>

我不覺得有信心此代碼，因爲我學的餘燼，我想知道，如果做這一切在沒有任何文件組件的模板是不好的？

玩ID在我看來是黑客。

來源

2015-09-25 Mio

我不使用自舉，但已經實現了使用這個優秀的教程模式 - HTTP：/ /blog.atmartin.io/a-simple-modal-for-ember-v2-component-edition/它使用Ember.js組件 – michaellee

是的，讀起來也是非常有趣的一個。也許會試圖以這種方式實現它。：/ – Mio

還有一個很棒的插件：https://github.com/yapplabs/ember-modal-dialog – Keo

在我opinition，創造模式的組件是一種更好的解決方案，這是因爲：

灰燼將產生的id，你將有生命週期掛鉤內部渲染元素的接入，所以在很多情況下，不需要知道一個ID。
你可能需要調用一些js函數來顯示一個模態。通過使用生命週期鉤子，組件可以在正確的時刻（渲染所有元素之後）執行此操作。
如果需要，很容易重新使用組件。

您可能會找到有關documentation組件的所有必需信息。此外，您還可以在this博客文章中閱讀關於新的（在1.13中引入的）lyfecycle掛鉤。

當然，你可以使用許多灰燼，CLI插件之一，如果你會找到一個合適的一個

來源

2015-09-25 23:48:19

自舉模式和灰燼

回答

相關問題