AngularJS 中括号的作用详解

AngularJS 中括号的作用详解

这篇文章主要介绍了AngularJS 中括号的作用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

1.括号的作用

1.1方括号 [ ]

属性名加上方括号后,右侧赋值为 表达式的值
如果属性没有方括号,右侧赋值为 字符串

 
red
//这里类名为red
red
//这里类名为blue,就是说有方括号右侧为表达式 //组件中 red: string = "blue";

1.2 圆括号( )

圆括号用于事件绑定,就是触发元素上的事件,绑定的方法就会响应,如

 
gogo
//圆括号里面放事件 //组件类 go() { //表达式... }

1.3 花括号 {{ }}

使用花括号 {{表达式}} 这种方法称之为插值,可以放在模板中

 
{{good}}
//
你好
//组件类 good: string = "你好";

1.4 字符串变量${ }

举例

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

1.5 [()]

常用的来做双向绑定的操作

  // value= 'testNgClick' //组件中 test_input: any = 'testNgClick';

以上就是AngularJS 中括号的作用详解的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读