AngularJS | ng-bind-template指令

AngularJS中的ng-bind-template指令用于将HTML元素的内容替换为给定表达式的值。它用于绑定多个表达式。它可以具有多个{{}}表达式。所有HTML元素都支持它。

句法：

 Contents... <l;/element>

示例1：本示例使用ng-bind-template指令显示绑定内容。

      

    
        ng-bind-template Directive
    
      
    
    

  

  
    GeeksforGeeks
    ng-bind-template Directive
      
    
        Choose one:
        Linear Search 
             
        
          
        Binary Search 
            
        
          
        
        
    
  
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.msg="The better searching algorithm is: ";
            $scope.search = ""
        }]);
    

  
                    

输出：
选择单选按钮之前：

选择单选按钮后：

示例2：本示例使用ng-bind-template指令显示绑定内容。

  

    ng-bind-template Directive
  
    
    

  

      
    GeeksforGeeks
    
        Football
            
        
          
        
          
        Count of Footballs: 
        
    
      
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.Football = "";
        }]);
    

  
                            

输出：
在输入号码之前：

输入号码后：