angular.element($event.target） <div><span>{{text}}</span></div>修改text内容

如果你想在点击 `<span>` 标签时修改 `text` 变量的值，可以在 `<span>` 标签上添加一个 `ng-click` 指令，并在指令中调用一个函数来修改 `$scope.text` 变量的值。例如：

<div><span ng-click="changeText($event)">点击我修改文本</span></div>
<div><span>{{text}}</span></div>

然后在控制器中定义 `changeText` 函数：

app.controller('MyController', function($scope) {
  $scope.text = '这是一个示例文本';

  $scope.changeText = function(event) {
    angular.element(event.target).text('新的文本内容');
  };
});

在 `changeText` 函数中，我们获取了点击事件的目标元素，也就是 `<span>` 标签，然后使用 `angular.element` 方法将其转换为 AngularJS 的 jQuery-lite 对象，并使用 `.text()` 方法修改了其文本内容。这样，当点击 `<span>` 标签时，`text` 变量的值就会被修改为 `新的文本内容`，并在页面上显示出来。

相关问题

angular.js 中 <div><span>文本</span></div> 如何修改span 标签里文本的内容

在 AngularJS 中，你可以使用数据绑定的方式来修改 span 标签里的文本内容。具体来说，你可以使用 AngularJS 的指令 `ng-bind` 或者双括号语法 `{{ }}` 来实现。

举个例子，如果你有一个变量 `text`，你可以这样写：

<div><span ng-bind="text"></span></div>

或者这样写：

<div><span>{{text}}</span></div>

然后在控制器中将 `text` 变量赋值为你想要显示的文本内容即可：

app.controller('MyController', function($scope) {
  $scope.text = '这是一个示例文本';
});

这样，当页面加载时，`span` 标签里就会显示出 `这是一个示例文本` 这段文本。当你想要修改文本内容时，只需要修改 `text` 变量的值即可。例如：

$scope.text = '这是修改后的文本';

这样，`span` 标签里的文本就会变成 `这是修改后的文本`。

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>`元素，上述代码可能无法正常工作。