如何在ons-modal指令中放置自定义模态消息？

Question

<ons-modal var="modal">
    {{modalMsg}}
</ons-modal>

我尝试了上面的代码然后使用scope.modalMsg在显示消息之前更新消息，但它没有用。我发现，一旦它宣布了＆＃39;消息无法更改。您可以将范围值作为按钮名称并在代码运行时动态更改，这样就可以了。现在我的黑客是

<ons-modal var="modal">
    <div id="modalMsg"></div>
</ons-modal>

创建一个执行$（＆＃39; #modalMsg＆＃39;）。html（msg）的服务，其中msg是我的自定义消息。其他人有一个合适的angularJS方式，不能从控制器内触摸DOM吗？

Answer 1

您可以使用AngularJS将动态消息放入Onsen UI模式中。

<ons-modal var="app.modal">
  <p>{{ data.message }}</p>
</ons-modal>

我做了一个小例子： http://codepen.io/argelius/pen/bGcvo

无论你输入到输入元素中的是什么都将显示在模态中。