AngularJS expression _ AngularJS

AngularJS application expressions are pure javascript expressions and output the data they are used there. This article introduces AngularJS expressions in the AngularJS getting started tutorial. If you are interested in angularjs expressions, learn about them and use them to bind application data to HTML. The expressions are written in double brackets like {expression }}. The behavior in the expression is the same as that in the ng-bind command. AngularJS application expressions are pure javascript expressions and output the data they are used there.

AngularJS expression format: {expression }}

AngularJS expressions can be strings, numbers, operators, and variables

Number calculation {1 + 5 }}

String connection {'abc' + 'bcd '}}

Variable calculation {firstName + "" + lastName }}, {quantity * cost }}

Object {person. lastName }}

Array {points [2]}

AngularJS example

1. Angularjs numbers

Total price: {quantity * cost }}
 

Output in the preceding example:

Total price: 10

Code comment:

Ng-init = "quantity = 2; cost = 5" // equivalent to var quantity = 2 in javascript, cost = 5;
Use ng-bind to implement the same functions

Total price:
// Here ng-bind is equivalent to specifying the span innerHTML
 

2. Angularjs string

Name: {firstName + "" + lastName }}
 

Output

Name: Jone Snow

3. AngularJS object

Last name: {person. lastName }}
 

Output

The last name is Snow.

4. AngularJS Array

The third value is {points [2]}.

Output

The third value is 19.

The above is an introduction to AngularJS expressions in the AngularJS getting started tutorial. I hope it will help you!