AngularJS用斜体显示一个部分

Question

嗨，我正在使用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>
&nbsp;
"+book_place+":
&nbsp;
"+book_publisher+".
&nbsp;
"+ book_edition
}}.

{{
book_author+" "+book_multiple_authors+" ("+book_year+"). 
"+<i>book_title</i>+".
&nbsp;
"+book_place+":
&nbsp;
"+book_publisher+".
&nbsp;
"+ book_edition
}}.

{{
book_author+" "+book_multiple_authors+" ("+book_year+"). 
"<i>+book_title+</i>".
&nbsp;
"+book_place+":
&nbsp;
"+book_publisher+".
&nbsp;
"+ book_edition
}}.

似乎没有任何工作，我找不到任何进一步的参考格式化angularjs输出特定于一个部分。我错过了什么，任何帮助都会非常感激。你。

Answer 1

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

Answer 2

在AngularJS中，双花括号之间的代码意味着JavaScript，所以它不能包含HTML标签。可以这样写:

{{book_author+" "+book_multiple_authors
+" ("+book_year+").&nbsp";}}
<i>{{book_title}}</i>
{{"&nbsp;"+book_place+":&nbsp;"+book_publisher
+".&nbsp;"+book_edition;}}

让我知道这是否适用于你，如果不是，我们可以尝试CSS代替以斜体呈现文本。

最好的祝愿,卢卡斯