Javascript 更改ng repeat AngularJS中已单击元素的工具提示
单击元素后,我正在执行函数,在函数成功后,我想更改单击元素的工具提示 我有多个元素在ngRepeat循环中显示此工具提示。但是,我只想更改已单击的currentTarget元素上的工具提示。当前,我将工具提示显示为控制器中的插值字符串,函数成功后,我将更改此字符串。这会导致具有此工具提示的每个元素都有新的工具提示,而不仅仅是单击的元素 然后从循环中显示的所有图像都有新的工具提示信息,但我只希望将新信息附加到单击的图像。我尝试使用$event,但由于我正在更改$scope.categoryConfig.followInfo,因此无法使用Javascript 更改ng repeat AngularJS中已单击元素的工具提示,javascript,angularjs,tooltip,angular-ui-bootstrap,Javascript,Angularjs,Tooltip,Angular Ui Bootstrap,单击元素后,我正在执行函数,在函数成功后,我想更改单击元素的工具提示 我有多个元素在ngRepeat循环中显示此工具提示。但是,我只想更改已单击的currentTarget元素上的工具提示。当前,我将工具提示显示为控制器中的插值字符串,函数成功后,我将更改此字符串。这会导致具有此工具提示的每个元素都有新的工具提示,而不仅仅是单击的元素 然后从循环中显示的所有图像都有新的工具提示信息,但我只希望将新信息附加到单击的图像。我尝试使用$event,但由于我正在更改$scope.categoryConf
如何仅将新的工具提示信息附加到单击的元素?您需要followInfo作为项目数组,并且每个项目都有自己的工具提示引用:
<div ng-repeat="n in auctions">
<img src="img/heart_icon.png"
alt="Dodaj do wishlisty"
class="category__record-button--wishlist-icon"
data-ng-if="$parent.authentication.isAuth"
data-ng-click="addFollowAuction(n.id)"
uib-tooltip="{{ categoryConfig.followInfo[n.id] }}"
tooltip-placement="top"
tooltip-trigger="'mouseenter'"
tooltip-append-to-body="true">
注意$scope.categoryConfig.followInfo[auctionId]
别忘了在之前初始化followiInfo:$scope.categoryConfig.followInfo=[]您需要followInfo作为项目数组,并且每个项目都有自己的工具提示引用:
<div ng-repeat="n in auctions">
<img src="img/heart_icon.png"
alt="Dodaj do wishlisty"
class="category__record-button--wishlist-icon"
data-ng-if="$parent.authentication.isAuth"
data-ng-click="addFollowAuction(n.id)"
uib-tooltip="{{ categoryConfig.followInfo[n.id] }}"
tooltip-placement="top"
tooltip-trigger="'mouseenter'"
tooltip-append-to-body="true">
注意$scope.categoryConfig.followInfo[auctionId]
不要忘记在之前初始化followiInfo:$scope.categoryConfig.followiInfo=[]
<div ng-repeat="n in auctions">
<img src="img/heart_icon.png"
alt="Dodaj do wishlisty"
class="category__record-button--wishlist-icon"
data-ng-if="$parent.authentication.isAuth"
data-ng-click="addFollowAuction(n.id)"
uib-tooltip="{{ categoryConfig.followInfo[n.id] }}"
tooltip-placement="top"
tooltip-trigger="'mouseenter'"
tooltip-append-to-body="true">
$scope.addFollowAuction = function (auctionId) {
console.log(auctionId);
auctionsFollowService.addFollowAuction(auctionId)
.then(function (response) {
if(response.detail === 'success follow') {
$scope.categoryConfig.followInfo[auctionId] = 'Pomyślnie dodano ten przedmiot do wishlisty!';
}
}, function (err) {
console.log('err adding to wishlist ' + err);
});
};