[英]How can I format (new lines) in bodyText of ui.bootstrap modal dialog
我的AngularJS腳本中有一個ui.bootstrap Confirmlg:
var modalDlgOptions = {
closeButtonText: "No",
actionButtonText: "Yes",
headerText: "my header text",
bodyText: "my body text"
};
confirmDlg.showModal({}, modalDlgOptions).then(function (result) {
// todo something
});
這很好。 但是現在我要格式化bodyText。 我需要這樣的新行:
first line in my body text
second line in my body text
...
last line in my body text
當我使用
bodyText: "first line in my body text<br>second line in my body text<br>...<br>last line in my body text";
要么
bodyText: "first line in my body text<br>second line in my body text<br>...<br>last line in my body text";
我懂了
first line in my body text<br>second line in my body text<br>...<br>last line in my body text
在對話框的輸出中,而不是在新行中 。
是否可以格式化confirmDlg的bodyText以及如何格式化?
謝謝您的提示,托馬斯
我找到了這個解決方案:
var modalDlgOptions = {
closeButtonText: "No",
actionButtonText: "Yes",
headerText: "my header text",
bodyText: ""
};
confirmDlg.showModal({}, modalDlgOptions).then(function (result) {
// todo something
});
setTimeout(function() {
var modalBody = document.getElementsByClassName("modal-body");
modalBody[0].innerHTML = "first line in my body text<br />second line in my body text<br /> ... <br />last line in my body text";
}, 100);
感謝您的評論,托馬斯
改進以前的解決方案:
var waitForElementByClassName = function(element, timeout, callBack) {
window.setTimeout(function(){
if (document.getElementsByClassName(element)[0]){
callBack(document.getElementsByClassName(element)[0]);
} else {
waitForElementByClassName(element, timeout, callBack);
}
}, timeout);
};
waitForElementByClassName("modal-body", 50, function(element) {
element.innerHTML = "first line in my body text<br />second line in my body text<br /> ... <br />last line in my body text";
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.