angularjs 1.6.9前端控件绑定属性
时间: 2023-07-20 14:08:07 浏览: 89
控件数据绑定
在AngularJS 1.6.9中,可以通过以下方式绑定前端控件的属性:
1. ng-model:用于双向绑定数据模型和表单控件,常用于input、select、textarea等表单控件。
例如:
```
<input type="text" ng-model="username">
```
2. ng-bind:用于单向绑定数据模型和HTML元素,常用于div、span等非表单控件。
例如:
```
<div ng-bind="username"></div>
```
3. ng-src:用于绑定图片的url地址。
例如:
```
<img ng-src="{{imageSrc}}">
```
4. ng-class:用于绑定样式类。
例如:
```
<div ng-class="{ 'active': isActive }">...</div>
```
5. ng-style:用于绑定内联样式。
例如:
```
<div ng-style="{ 'color': textColor, 'background-color': bgColor }">...</div>
```
以上是一些常见的属性绑定方式,还有其他的指令和属性可以使用,具体可以参考AngularJS官方文档。
阅读全文