1.括号的作用 1.1方括号 [ ] 属性名加上方括号后,右侧赋值为 表达式的值 如果属性没有方括号,右侧赋值为 字符串 <div class="red">red&l
属性名加上方括号后,右侧赋值为 表达式的值
如果属性没有方括号,右侧赋值为 字符串
<div class="red">red</div> //这里类名为red
<div [class]="red">red</div> //这里类名为blue,就是说有方括号右侧为表达式
//组件中
red: string = "blue";
圆括号用于事件绑定,就是触发元素上的事件,绑定的方法就会响应,如
<div (click)="Go()">gogo</div> //圆括号里面放事件
//组件类
go() {
//表达式...
}
使用花括号 {{表达式}} 这种方法称之为插值,可以放在模板中
<div>{{good}}</div> //<div>你好</div>
//组件类
good: string = "你好";
${ }
举例
tes: string = "World";
test: string = `Hello ${goo}`; //test: string = "Hello World";
常用的来做双向绑定的操作
<input [(ngModel)]='test_input' /> // value= 'testNGClick'
//组件中
test_input: any = 'testNgClick';
到此这篇关于angularjs 中括号的作用的文章就介绍到这了,更多相关AngularJS括号的作用内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: AngularJS 中括号的作用详解
本文链接: https://lsjlt.com/news/122791.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0