AngularJS 以斜体显示一个部分

Question

您好，我正在使用 AngularJS 创建一个哈佛参考生成器，我已经完美地工作了，我可以用它来创建完整的参考，但是我需要一个部分以斜体样式设置，信息被捕获使用表格。我需要一些关于输出的帮助。

当前输出代码：

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

我需要的是让“book_title”部分以斜体显示我试过：

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

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

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

似乎没有任何效果，我找不到任何进一步的参考来格式化特定于一个部分的 angularjs 输出。我错过了什么，任何帮助将不胜感激。那个你

Answer 1

AngularJS 中双花括号之间的代码应为 JavaScript，因此不能包含 HTML 标记。绕过它的方法是沿着这些路线：

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

如果这对您有用，请告诉我，如果不行，我们可以尝试 CSS 将文本呈现为斜体。

最良好的祝愿，卢卡斯

Answer 2

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

AngularJS 以斜体显示一个部分

AngularJS to display one section in Italic

angularjs