Javascript 使用Array.join（'；<；br/>；'；）

这有什么不起作用的原因吗

this.categoriesId = $rootScope.categoriesList.map(function(obj) {
  return obj.id;
}).join('<br />');
this.categoriesName = $rootScope.categoriesList.map(function(obj) {
  return obj.name;
}).join('<br />');

this.categoriesId=$rootScope.categoriesList.map（函数（obj）{
返回obj.id；
}).join（“
”）；
this.categoriesName=$rootScope.categoriesList.map（函数（obj）{
返回obj.name；
}).join（“
”）；

并且认为：

<b>Categories ID :</b><br/><br/>
{{h.categoriesId}}
<hr>
<b>Categories Name :</b><br/><br/>
{{h.categoriesName}}

类别ID:


{{h.categoriesId}

类别名称：


{{h.categoriesName}

没有换行符，

不会被解释

我该如何解决这个问题？

尝试以下方法：

<b>Categories Name :</b><br/><br/>
<span ng-bind-html="h.categoriesName"><span>

HTML:

尝试以下方法：

<b>Categories Name :</b><br/><br/>
<span ng-bind-html="h.categoriesName"><span>

HTML:

---

{{}

仅解释为文本，而不是html

---

使用

ng repeat

，无需将数组解析为html

{{}}

仅解释为文本，而不是html

---

使用

ng repeat

，无需将数组解析为html

，因为Angular会在将字符串插入DOM之前转义字符串中的html，以防止XSS攻击

乱七八糟 使用

ng bind html

指令按原样插入html

---

因为Angular会在将字符串插入DOM之前转义字符串中的HTML，以防止XSS攻击

乱七八糟 使用

ng bind html

指令按原样插入html

---

你的意思是

显示为文本？我建议你使用

ng repeat

的定向复制你的意思是

显示为文本？我建议你使用

ng repeat

定向复制

$sce

是否净化

ng bind html

。你还没有解释。答案是misleading@charlietflUpdated.com也无法在未包含“清理”的情况下使用它，因为它将抛出错误并不输出任何内容。所以实际上，

Safe-Fix

仍然有误导性，是的，明白了：“确保包含$sanitize服务”稍微修改一下就可以工作了：

{{category.name}
确实会清理
ng-bind-html
。你还没有解释。答案是misleading@charlietflUpdated.com也无法在未包含“清理”的情况下使用它，因为它将抛出错误并不输出任何内容。所以实际上，
Safe-Fix
仍然有误导性是的，明白了：“确保包含$sanitize服务”只需稍加修改即可使其正常工作：
{{category.name}

<span ng-bind-html="categoriesList | map: 'name' | join '<br/>'"><span>

<span ng-bind-html="h.categoriesName"></span>

<b>Categories Name :</b><br/><br/>
<span ng-repeat="name in categoriesList">
  {{name}}<br />
</span>