angular.js <span><img src=""/></span> 修改img标签中的src路径
时间: 2023-07-02 07:22:57 浏览: 173
你可以通过AngularJS中的数据绑定来动态修改img标签中的src路径。假设你有一个$scope变量来存储图片的路径,你可以这样写:
```html
<img ng-src="{{imagePath}}" alt="My Image">
```
在控制器中,你可以将$scope.imagePath设置为你想要的路径:
```javascript
$scope.imagePath = "path/to/my/image.jpg";
```
这样,当页面加载时,img标签的src属性将被自动设置为$scope.imagePath的值。并且,当$scope.imagePath的值发生变化时,img标签的src也会相应地更新。这就是AngularJS中的双向数据绑定机制的优势所在。
阅读全文