如何从AngularJS控制器中将HTML插入视图中？

ng-bind-html指令是将内容绑定到HTML元素的一种安全方式。因此，为了将HTML插入视图，我们使用了相应的指令。

在使用AngularJS时，在相应的应用程序中编写HTML，我们应该检查HTML中是否存在危险或容易出错的代码。通过在应用程序中包含“ angular-sanitize.js”模块，我们可以通过ngSanitize函数运行HTML代码来实现此目的。

句法：

ngSanitize：
它包括2个步骤：

• 包括angular-sanitize.min.js资源，

• 在js文件(控制器或通常为app.js)中，我们必须包含ngSanitize，

  angular.module('myApp', ['myApp.filters', 'myApp.services', 
  'myApp.directives', 'ngSanitize'])
  

参数：

• 表达式：指定评估的表达式或值。

范例1：

  

  
  

  
    
  
        
      
  
    
  
    
        var app = angular.module("myApp", ['ngSanitize']);
        app.controller("myCtrl", function($scope) {
            $scope.myText = "GeeksForGeeks: <h1>Hello!</h1>";
        });
    
  
    Note: This example includes the "angular-sanitize.js",
      which has functions for removing potentially 
      dangerous tokens from the HTML.
  

  

输出：

范例2：

 
 
  
 
    ng-bind-html Directive 
      
     
     
     
     
      
     
        .green { 
            color: green; 
            font-size: 20px; 
        } 
     
 
  
 
      
    GeeksforGeeks 
    ng-bind-html Directive 
      
     
      
     
        var myApp = angular.module("myApp", ['ngSanitize']); 
          
        myApp.controller("geek", ["$scope", function($scope) { 
            $scope.text = 
            "<span class='green'> GeeksforGeeks</span> is the" 
            + " computer science portal for geeks."; 
        }]); 
     
 
  
         

输出：