how to change html of dialog dynamically in onsen

问题

I'm trying to dynamically change the html content of a dialog of onse.ui, but it is not working for me, my code is as below:

Here my html code.

<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>

And here my Javascript code.

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

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

I have also tried like,

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

In advance thank you very much to anyone who can help me

来源：https://stackoverflow.com/questions/32594923/how-to-change-html-of-dialog-dynamically-in-onsen