2015-09-25 94 views
0

工作我都谁打开嵌套列表一个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在我看来是黑客。

+1

我不使用自举,但已经实现了使用这个优秀的教程模式 - HTTP:/ /blog.atmartin.io/a-simple-modal-for-ember-v2-component-edition/它使用Ember.js组件 – michaellee

+0

是的,读起来也是非常有趣的一个。也许会试图以这种方式实现它。 :/ – Mio

+1

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

回答

1

在我opinition,创造模式的组件是一种更好的解决方案,这是因为:

  • 灰烬将产生的id,你将有生命周期挂钩内部渲染元素的接入,所以在很多情况下,不需要知道一个ID。
  • 你可能需要调用一些js函数来显示一个模态。通过使用生命周期钩子,组件可以在正确的时刻(渲染所有元素之后)执行此操作。
  • 如果需要,很容易重新使用组件。

您可能会找到有关documentation组件的所有必需信息。此外,您还可以在this博客文章中阅读关于新的(在1.13中引入的)lyfecycle挂钩。

当然,你可以使用许多灰烬,CLI插件之一,如果你会找到一个合适的一个