代码之家  ›  专栏  ›  技术社区  ›  Richard

HTML-内联标记未重新选择

  •  2
  • Richard  · 技术社区  · 7 年前

    我有一个页面,它从电子表格中加载一些值,并在页面上显示这些值。(也就是说,它可以处理多种语言)。

    问题

    当我在电子表格中放置HTML标记时,它们不会被应用。

    示例

    如果我将以下文本放入HTML文件并查看,浏览器将按预期应用HTML标记。

    <div><a href='http:/…'>一些<br>值</a></div>
    

    但是,当它从电子表格中加载时,<br>标记不应用,它保持在一行。

    <div class=“col-xs-12 col-sm-6 pull right”>
    <A ui sref=“打开.registration.login.resetpassword”
    class=“BMW命令链接BMW-MT-2 BMW-MB-2”>“GCDM登录。忘记了密码”|
    翻译</a>
    </DIV>
    

    另外,如果我更新chromes开发工具中的值,浏览器中的值会改变,但是HTML标记不会被应用。就好像浏览器显示不刷新以应用HTML标记一样。

    问题

    有没有一种方法可以从应用的电子表格中读取HTML标记?

    这是否是一个时间问题,这意味着已经呈现了DOM,并且不能动态更改?

    谢谢

    当我在电子表格中放置HTML标记时,它们不会被应用。

    例子

    如果我将以下文本放入HTML文件并查看它,浏览器将按预期应用HTML标记。

    <div><a href='http://...'>some <br> value</a></div>
    

    enter image description here

    但是,当它从电子表格中加载时,<br>未应用标记,它将保持在一行上。

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

    enter image description here

    enter image description here

    另外,如果我更新chromes开发工具中的值,浏览器中的值会改变,但是HTML标记不会被应用。就好像浏览器显示不刷新来应用HTML标记一样。

    问题

    有没有一种方法可以从应用的电子表格中读取HTML标记?

    这是否是一个时间问题,这意味着已经呈现了DOM,并且不能动态更改?

    谢谢

    2 回复  |  直到 7 年前
        1
  •  2
  •   Ionut Necula    7 年前

    它实际上取决于您使用的Angular的版本,但是对于所有的版本,它都恢复到一件事:您必须使用 ng-bind-html 指令或 [innerHTML] 属性。

    安格拉尔 :

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

    角度2-6 :

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

    我也给你举了一个很好的例子 here .

        2
  •  0
  •   Bhargav Chudasama    7 年前

    它工作得很好

    试试这个

    <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">forgotten<br>password</a>
    </div>