AngularJS 中括号的作用详解
2021-04-08 04:06
861 查看
1.括号的作用
1.1方括号 [ ]
属性名加上方括号后,右侧赋值为 表达式的值
如果属性没有方括号,右侧赋值为 字符串
<div class="red">red</div> //这里类名为red <div [class]="red">red</div> //这里类名为blue,就是说有方括号右侧为表达式 //组件中 red: string = "blue";
1.2 圆括号( )
圆括号用于事件绑定,就是触发元素上的事件,绑定的方法就会响应,如
<div (click)="go()">gogo</div> //圆括号里面放事件 //组件类 go() { //表达式... }
1.3 花括号 {{ }}
使用花括号 {{表达式}} 这种方法称之为插值,可以放在模板中
<div>{{good}}</div> //<div>你好</div> //组件类 good: string = "你好";
1.4 字符串变量${ }
举例
tes: string = "World"; test: string = `Hello ${goo}`; //test: string = "Hello World";
1.5 [()]
常用的来做双向绑定的操作
<input [(ngModel)]='test_input' /> // value= 'testNgClick' //组件中 test_input: any = 'testNgClick';
到此这篇关于AngularJS 中括号的作用的文章就介绍到这了,更多相关AngularJS括号的作用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:相关文章推荐
- AngularJs之Scope作用域(详解)
- 详解AngularJS中的作用域
- AngularJS 作用域详解及示例代码
- angularjs 控制器、作用域、广播详解
- 详解angularjs中的隔离作用域理解以及绑定策略
- AngularJS 指令的 Scope (作用域)详解
- AngularJS 作用域详解及示例代码
- DOCTYPE声明作用及用法详解
- (转) VMware虚拟机文件夹中各文件作用详解
- java中的static作用详解
- Cosnt的作用详解
- SSH中各个框架的作用以及Spring AOP,IOC,DI详解
- Linux /dev目录详解和Linux系统各个目录的作用
- PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
- AngularJS的Filter用法详解
- 深入解析AngularJS框架中$scope的作用与生命周期
- Hibernate各个package包的作用详解
- 详解spring 每个jar的作用
- ContextLoaderListener作用详解
- php中的单引号与双引号作用详解