嗨,我正在使用 AngularJS 創建一個哈佛參考生成器,我讓它作業得很好,我可以讓它創建完整的參考,但是我需要一個部分以斜體設定樣式,使用表單捕獲資訊。我需要一些關于輸出的幫助。
當前輸出代碼:
{{
book_author " " book_multiple_authors " (" book_year ").
" book_title ".
" book_place ":
" book_publisher ".
" book_edition
}}.
我需要的是我嘗試過的一個部分“book_title”以斜體顯示:
{{
book_author " " book_multiple_authors " (" book_year ").
<i>" book_title ".</i>
" book_place ":
" book_publisher ".
" book_edition
}}.
{{
book_author " " book_multiple_authors " (" book_year ").
" <i>book_title</i> ".
" book_place ":
" book_publisher ".
" book_edition
}}.
{{
book_author " " book_multiple_authors " (" book_year ").
"<i> book_title </i>".
" book_place ":
" book_publisher ".
" book_edition
}}.
似乎沒有任何效果,我找不到任何進一步的參考來格式化特定于一個部分的 angularjs 輸出。我錯過了什么,任何幫助將不勝感激。那個你。
uj5u.com熱心網友回復:
要在 ng 運算式中呈現 HTML,您需要使用ngSanitize或$sce依賴。否則,HTML 將在您的運算式中呈現為字串。
在您的情況下,您可以通過將其分解為多個元素來簡化它:
<span ng-bind="book_author"></span>
<span ng-bind="book_multiple_authors"></span>
<span ng-bind="book_year"></span>
<i>
<span ng-bind="book_title"></span>
</i>
<span ng-bind="book_place"></span>
<span ng-bind="book_publisher"></span>
<span ng-bind="book_edition"></span>
uj5u.com熱心網友回復:
AngularJS 中雙花括號之間的代碼是 JavaScript,所以它不能包含 HTML 標記。繞過它的方法是沿著這些路線:
{{book_author " " book_multiple_authors
" (" book_year "). ";}}
<i>{{book_title}}</i>
{{" " book_place ": " book_publisher
". " book_edition;}}
讓我知道這是否適合您,如果不適合,我們可以嘗試使用 CSS 來渲染斜體文本。
最好的祝愿,盧卡斯
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/476169.html
標籤:angularjs
