Detailed explanation of the role of brackets in AngularJS

1. The role of brackets

1.1 Square brackets [ ]

When the attribute name is enclosed in square brackets, the right side is assigned the value of the expression <br /> If the attribute does not have square brackets, the right side is assigned a string

<div class="red">red</div> //The class name here is red
<div [class]="red">red</div> //The class name here is blue, which means that the right side of the square brackets is an expression //In the component red: string = "blue";

1.2 Parentheses ( )

Parentheses are used for event binding, which triggers an event on an element and the bound method responds, such as

<div (click)="go()">gogo</div> //Put the event in the parentheses //Component class go() {
 //expression...
}

1.3 Curly Braces { { }}

Use curly braces { {expression}} This method is called interpolation and can be placed in the template

<div>{{good}}</div> //<div>Hello</div> 
 
//Component class good: string = "Hello";

1.4 String variables ${ }

Example

tes: string = "World";
test: string = `Hello ${goo}`; //test: string = "Hello World";

1.5 [()]

Commonly used for two-way binding operations

<input [(ngModel)]='test_input' /> // value= 'testNgClick'
 
//In the component test_input: any = 'testNgClick';

This is the end of this article about the role of brackets in AngularJS. For more information about the role of brackets in AngularJS, please search previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!