angular.js 如何在js文件中修改html 中img标签的路径

可以使用AngularJS中的ng-src指令来修改HTML中img标签的路径。

首先，在HTML中给img标签添加一个ng-src属性，它的值为一个变量名，这个变量名表示图片的路径。例如：

<img ng-src="{{imagePath}}" alt="My Image">

然后，在JavaScript文件中，使用$scope对象来修改这个变量的值，从而改变图片路径。例如：

$scope.imagePath = "images/my-image.jpg";

在这个例子中，$scope.imagePath的值被设为"images/my-image.jpg"，所以img标签的src属性将被设置为这个路径。

当然，你也可以在JavaScript中使用jQuery等库来修改img标签的src属性，不过这种方法可能会导致AngularJS的双向数据绑定失效。

相关问题

angular.js <span><img src=""/></span> 修改img标签中的src路径

你可以通过AngularJS中的数据绑定来动态修改img标签中的src路径。假设你有一个$scope变量来存储图片的路径，你可以这样写：

<img ng-src="{{imagePath}}" alt="My Image">

在控制器中，你可以将$scope.imagePath设置为你想要的路径：

$scope.imagePath = "path/to/my/image.jpg";

这样，当页面加载时，img标签的src属性将被自动设置为$scope.imagePath的值。并且，当$scope.imagePath的值发生变化时，img标签的src也会相应地更新。这就是AngularJS中的双向数据绑定机制的优势所在。

angular.js 中$($event.target)拿到了<span>文字<img/></span> 修改span标签中的文字和img的路径

在AngularJS中，可以使用`angular.element()`方法代替jQuery的`$()`方法来获取元素。因此，可以使用以下代码来获取`$event.target`对应的元素：

angular.element($event.target)

对于`<span>`元素中包含的文本和图片，您可以使用以下代码来分别获取它们的内容和路径：

// 获取<span>元素中的文本内容
var text = angular.element($event.target).text();

// 获取<span>元素中的图片路径
var imgSrc = angular.element($event.target).find('img').attr('src');

其中，`.text()`方法用于获取`<span>`元素中的文本内容，`.find()`方法用于查找`<span>`元素中的`<img>`元素，`.attr('src')`方法用于获取`<img>`元素的`src`属性值。

然后，您可以使用以下代码来修改`<span>`元素中的文本内容和`<img>`元素的路径：

// 修改<span>元素中的文本内容
angular.element($event.target).text('new text');

// 修改<span>元素中的图片路径
angular.element($event.target).find('img').attr('src', 'new img src');

需要注意的是，如果`$event.target`对应的元素不是`<span>`元素，或者其中没有包含`<img>`元素，上述代码可能无法正常工作。