Javascript HTML-内联标记未重新选择
我有一个页面,它从电子表格中加载一些值,并在页面上显示这些值。(即,它可以处理多种语言) 问题 当我在电子表格中放置html标记时,它们不会被应用 示例 如果我将以下文本放入html文件并查看它,浏览器将按预期应用html标记Javascript HTML-内联标记未重新选择,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个页面,它从电子表格中加载一些值,并在页面上显示这些值。(即,它可以处理多种语言) 问题 当我在电子表格中放置html标记时,它们不会被应用 示例 如果我将以下文本放入html文件并查看它,浏览器将按预期应用html标记 <div><a href='http://...'>some <br> value</a></div> 但是,当从电子表格加载应用时,标记将不应用,并且停留在一行上 <div class="col-
<div><a href='http://...'>some <br> value</a></div>
但是,当从电子表格加载应用时,
标记将不应用,并且停留在一行上
<div class="col-xs-12 col-sm-6 pull-right">
<a ui-sref="open.registration.login.resetPassword"
class="bmw-command-link bmw-mt-2 bmw-mb-2">{{ 'gcdm-login.forgotten_password' |
translate }}</a>
</div>
此外,如果我更新Chromes Developer tools中的值,浏览器中的值会更改,但不会应用html标记。这就好像浏览器显示没有刷新以应用html标记一样
问题
有没有办法从应用的电子表格中读取html标记
这是否是一个时间问题,意味着DOM已经呈现,不能动态更改
谢谢工作很好
试试这个
忘记密码
这实际上取决于您使用的Angular的版本,但它恢复到一件事:您必须使用ng bind HTML
指令或[innerHTML]
属性将文本绑定为HTML
AngularJS:
<div class="col-xs-12 col-sm-6 pull-right">
<a ui-sref="open.registration.login.resetPassword"
class="bmw-command-link bmw-mt-2 bmw-mb-2" ng-bind-html="'gcdm-login.forgotten_password' | translate"></a>
</div>
<div class="col-xs-12 col-sm-6 pull-right">
<a ui-sref="open.registration.login.resetPassword"
class="bmw-command-link bmw-mt-2 bmw-mb-2" [innerHTML]="'gcdm-login.forgotten_password' | translate"></a>
</div>
但是,当从电子表格加载应用时
。。。您的意思是当从inspect元素本身添加代码时?如果是,则未应用
的原因是您编辑了元素文本。您应该将其编辑为HTML
,并添加
。现在您应该看到预期的输出。@lonut两者都是-当它从电子表格中应用时,以及当我在检查元素时更改它时,
不会应用。电子表格是什么?@Richard,好的,那么至少对于检查元素部分,我的abbove注释的第二部分应该解释您做错了什么。右键单击inspect元素中的标记,您将看到类似于编辑为HTML
的内容。单击该按钮后添加您的
标记,您将看到中断。
被转义。可能会有过滤器来打印安全字符串。。