使用引導模態和余燼

Question

我有一個引導程序模態的工作版本，它會打開一個看起來像這樣的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玩是一種hack。

Answer 1

我認為，為模態創建組件是一種更好的解決方案，因為：

• Ember將生成ID，您將可以訪問生命周期掛鈎中的呈現元素，因此在許多情況下，無需知道ID。
• 您可能需要調用一些js函數來顯示模式。 組件可以通過使用生命周期掛鈎在正確的時間（渲染所有元素之后）執行此操作
• 如果需要，很容易重用組件。

您可能會在文檔中找到有關組件的所有必要信息。 另外，您可以在此博客文章中了解有關新的（1.13中引入的）lyfecycle鈎子的信息。

當然，如果可以找到合適的一個，則可以使用多個ember-cli插件之一