This article introduces you to the AngularJS front-end js framework. Friends in need can take a look.

Usage:

1. Common attributes:

ng -app: can be used on any element, represents the angular application scope, and is also the program entry point of AngularJS. It initializes the elements within the tag.

ng-controller: Controller.

ng- model: Specifies that the current element is bound to the attribute in the data model ($scope). If there is no such attribute in the data model, it will be created custom

ng-repeat: Loop the attributes in $scope.

ng-bind or {{attribute name}}: Get the attribute value.

2. Two-way binding:

Definition: Updating the view will automatically follow the new model, and updating the model will Automatically update the view.

  
   
 
 Hello,{{name}}!!! 
 

3. AngularJS implements MVC based on modularization:

  
 
   
 
 Hello,{{name}}!!! 
 
  

4. AngularJS event binding:

ng-click: AngularJS click event .

  
 
    
 
 Hello,{{name}}!!! 
 
  

5. Traversing collections of AngularJS:

ng-repeat: AngularJS is used for collection traversal and iteration.

  
 
 
 
序号
 
商品编号
 
商品名称
 
商品价格
 
 
 
{{$index+1}}
 
{{product.id}}
 
{{product.name}}
 
{{product.price}}
 
 
 
  

6. Routing of AngularJS:

JS for introducing routing:

ng-view: Display the page called by routing

$routeProvider: Routing system

when..when..otherwise : Similar to switch..case..case..default

  
 
HEAD
 首页 * 站长推荐 
  
 
 
 
FOOT
 
  

Related recommendations:

AngularJS front-end framework

angularjs how Implementing tab switching and selection switching

Introduction to AngularJS

The above is the detailed content of AngularJS front-end js framework. For more information, please follow other related articles on the PHP Chinese website!