如何在onsen中动态更改对话框的html

Question

我试图动态更改onse.ui对话框的html内容，但它对我不起作用，我的代码如下：

这是我的HTML代码。

<ons-template id="popupFechaCalendario.html">
    <ons-dialog  style="height: 300px;" var="naviDialog" cancelable>
        <ons-navigator var="myNav">
            <ons-toolbar inline>
               <div class="center contenedorPopup" id="popupFechaCalendario_fecha">html content</div>
            </ons-toolbar>
        </ons-navigator>
     </ons-dialog>
</ons-template>

这是我的Javascript代码。

$("#popupFechaCalendario_fecha").html("some html...");

ons.createDialog('popupFechaCalendario.html').then(function(dialog) {
    dialog.show();
});

我也尝试过，

ons.createDialog('popupFechaCalendario.html').then(function(dialog) {
    dialog.on("preshow", function(e) {
        $("#popupFechaCalendario_fecha").html("some html...");
    });
    dialog.show();
});

事先感谢能帮助我的人