ng-app、ng-init 和 ng-model 指令在 AngularJS 中的作用是什么？

在本文中，我们将了解 AngularJS 中的指令并探索 ng-app、ng-init 和 ng-model 等各种指令在 angularJS 中的作用。

AngularJS 指令是一个赋予 HTML 文档新功能的命令。当我们使用 AngularJS 指令时，它会首先找到 HTML 文档中的所有指令，然后相应地解析 HTML 文档。

ng-app： ng-app 是用于定义 AngularJS 应用程序的指令。通过将它放在 HTML 文档中，它表明这是一个 AngularJS 应用程序。

HTML

  

    ng-app
    
    

  

    Geeks For Geeks
    
        This is an example of {{"Angular JS"
        + "ng-app" + "Directive"}}
    

  

ng-init： ng-init 是用于初始化应用程序数据的指令。以一种简单的方式，它在 AngularJS 中用作局部变量。有时我们在你的应用程序中需要一些本地数据，因此可以通过使用 ng-init 指令来实现。

HTML

  

    ng-init
    
    

  

    Geeks For Geeks
    
        Welcome to {{Website}}
    

  

ng-model： ng-model 是用于将 HTML 控件的值绑定到应用程序数据的指令。它用于绑定 HTML 文档中的数据。

HTML

  

    ng-model
    
    

  

     Geeks For Geeks 
    
        Enter the price : 
             
            
  
        Enter the quantity : 
             
            
        Total price : {{price * quantity}}