ng-bind指令

最新推荐文章于 2021-06-21 19:28:13 发布

原创最新推荐文章于 2021-06-21 19:28:13 发布 · 554 阅读

0 ·

CC 4.0 BY-SA版权

流行框架node 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的 Angular 应用示例，展示了如何使用 ng-bind 指令来安全地绑定可能包含 HTML 的字符串。通过将带有 HTML 标签的字符串绑定到 DOM，ng-bind 会确保浏览器正确解析这些标签，而不是将其显示为纯文本。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>ng-bind指令</title>
    </head>
    <body ng-app ng-init="username='<h1>shit1</h1>'">
        <script src="bower_components/angular/angular.js"></script>
        <!-- <strong>{{username}}</strong> -->
        <!-- ng-bind在绑定的值包含html时会转义，为了安全 -->
        <strong ng-bind="username"></strong>
    </body>
</html>