AngularJS | ng-bind指令

AngularJS中的ng-bind指令用于将任何特定HTML元素的文本内容与在给定表达式中输入的值绑定/替换。每当ng-bind指令中表达式的值更改时，指定的HTML内容的值就会更新。
句法：

 Contents... 

其中，表达式用于指定要求值的表达式或变量。
示例1：本示例使用ng-bind指令将两个数字的乘积绑定到元素。

html

     

    ng-bind Directive
 
    
    

 

     
    GeeksforGeeks
    ng-bind Directive       
     
    
        num1: 
        
         
        num2: 
        
         
        Product: 
    
     
    
        var app = angular.module("gfg", []);
        app.controller('app', ['$scope', function ($app) {
            $app.num1 = 1;
            $app.num2 = 1;
            $app.product = function () {
                $app.result = ($app.num1 * $app.num2);
            }
        }]);
    

 

输出：

示例2：本示例使用ng-bind指令将元素的innerHTML绑定到变量文本。

html

     

    ng-bind Directive
 
    
    

 

     
    GeeksforGeeks
    ng-bind directive
     
    
        
             is the
            computer science portal for geeks.
        
    

 

输出：