Twitter bootstrap 带Ember.js的Bootstrap 3模式模式

以下是我试图基于的代码（基于Bootstrap~2）：

Boostrap模态样本
&时代；
{{view.title}}
{{view.content}

接近
保存更改

这是我的JSFIDLE和Bootstrap 3：

---

有人能帮我找到小提琴的问题吗？

你的问题是css：

在

ModelView

中，您有

类名：[“model”、“fade”、“hide”]，

。必须删除

隐藏

类

在模板中，您还有另一个问题。您正在再次使用

模式

和

淡入淡出

。由于您已经在

ModelView

中指定了它，因此不需要这样做

模板

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

---

最终的结果是，您的问题在于css：

在

ModelView

中，您有

类名：[“model”、“fade”、“hide”]，

。必须删除

隐藏

类

在模板中，您还有另一个问题。您正在再次使用

模式

和

淡入淡出

。由于您已经在

ModelView

中指定了它，因此不需要这样做

模板

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

---

如果您使用的是Bootstrap 3和Ember 1.0，那么最终的结果就是这样的

App.ModalView.create({ title: "My title", content: "My content" }).append();

与

---

如果您使用的是Bootstrap 3和Ember 1.0，为了避免defaultContainer弃用（）

，在您的路线中，您应该替换

App.ModalView.create({ title: "My title", content: "My content" }).append();

与

---

为了避免defaultContainer弃用（）

您能描述一下您的问题吗？您能描述一下您的问题吗？那么html类和Ember.view中的classes属性之间的相关性是什么呢？这对我来说还不是很清楚。当你创建一个Ember.View实例时。默认情况下，它的顶部元素是一个没有类的div和一个生成的id。。。模板的一些内容。。。。要覆盖此选项，可以使用标记名、类名和elementId。在您的例子中，您通知了Ember.View中的boostrap模态类和模板，因此更正此问题的选项是：从Ember.View中删除类，并保留在模板中，或者像我所做的那样，从模板中删除，那么html类和Ember.view中的classes属性之间的相关性是什么呢？这对我来说还不是很清楚。当你创建一个Ember.View实例时。默认情况下，它的顶部元素是一个没有类的div和一个生成的id。。。模板的一些内容。。。。要覆盖此选项，可以使用标记名、类名和elementId。在您的例子中，您同时通知了Ember.View中的boostrap模态类和模板，因此更正此问题的选项是：从Ember.View中删除类，并保留在模板中，或者像我所做的那样，从模板中删除，并设置类名。如何传递这些参数（标题、内容）现在进入视图？要传递参数，可以执行以下操作：var v=this.container.lookup（'view:modal'）；v、 集合（“标题”，“我的标题”）；v、 集合（“内容”，“我的内容”）；v、 appendTo（App.rootElement）；现在如何将这些参数（标题、内容）传递到视图中？要传递参数，可以执行以下操作：var v=this.container.lookup（'view:modal'）；v、 集合（“标题”，“我的标题”）；v、 集合（“内容”，“我的内容”）；v、 appendTo（App.rootElement）；

this.container.lookup('view:modal').append();