angular23-ng-blnd指令

简介: angular23-ng-blnd指令

image.png

<!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>ng-app指令</title>
     </head>
     <!-- 需要angular的代码必须包裹在ng-app的代码中 -->
     <!-- ng-bind遇到html的时候会转义 为了安全 -->
     <body ng-app="myApp" ng-init="username='<h1>shit</h1>'">
         <strong ng-bind-html="username"></strong>
         <script src="./js/Angular.js"></script>
         <script src="./js/sanitize.js"></script>
         <script>
             angular.module('myApp', ['ngSanitize'])
         </script>
     </body>
     </html>

image.png

相关文章
|
3月前
|
JavaScript
如何在 Angular 中使用 ViewChild 来访问子组件、指令或 DOM 元素
如何在 Angular 中使用 ViewChild 来访问子组件、指令或 DOM 元素
37 0
|
3月前
|
索引
Angular 中的 ngFor 指令
Angular 中的 ngFor 指令
45 0
|
3月前
|
JavaScript
如何在自定义 Angular 指令中使用 @HostBinding 和 @HostListener
如何在自定义 Angular 指令中使用 @HostBinding 和 @HostListener
36 0
|
前端开发 JavaScript
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
angular32-其他指令ng-checked
angular32-其他指令ng-checked
77 0
angular32-其他指令ng-checked
angular21-关于指令标准属性
angular21-关于指令标准属性
83 0
angular21-关于指令标准属性
|
JavaScript 数据安全/隐私保护 索引
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
199 0
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
|
UED
Angular 2.x折腾记 :(9) 初步了解指令,及动手一步一步写个自定义指令
指令这种东西,可以加强用户体验,减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令
120 0