Question

我有一个index.html页面，我们有一行代码用于打开一个bootstrap模式：

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

    </div>
 </div>
</div>

<a data-toggle="modal" class="btn btn-info" href="registration.html" data-target="#myModal">Click me !</a>

点击“点击我”即可。我希望在＆＃39;模态内容＆＃39;。

中打开registration.html

让我们看看registration.html中的代码：

 <script src="js/app.js"></script>
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;  
</button>
 <h4 class="modal-title" id="myModalLabel">Matrix Registration</h4>
</div>
<div class="modal-body">
 <form class="form-horizontal b1">
   <script type="text/x-handlebars">
      <div class="row">
       <span>Hello, <strong>{{welcomefirstName}} {{welcomelastName}}</strong>!</span>
     </div>
   </script>
  </form>
 </div>

单击单击我时，模态正在打开，但是ember标记（{{welcomefirstName}}）渲染不起作用，所以我没有得到句柄栏的实际值，而是只获取占位符。

任何建议都会有所帮助。

感谢。

Answer 1

您是否尝试使用bootstrap js脚本打开模式？

如果是这样，那不是我怎么做的：

这里有一个很好的例子http://emberjs.com/guides/cookbook/user_interface_and_interaction/using_modal_dialogs/

基本上，你想在你的＆＃34;索引＆＃34;上放一个命名的插座。

{{outlet 'modal'}}

并声明一个＆＃34; openModal＆＃34;在您的路线上行动，将＆＃34;附加＆＃34;你的模态模板到出口。

如何在bootstrap模式的标记内嵌入一个ember处理程序

1 个答案: