Javascript 更改ng repeat AngularJS中已单击元素的工具提示

Javascript 更改ng repeat AngularJS中已单击元素的工具提示,javascript,angularjs,tooltip,angular-ui-bootstrap,Javascript,Angularjs,Tooltip,Angular Ui Bootstrap,单击元素后,我正在执行函数,在函数成功后,我想更改单击元素的工具提示 我有多个元素在ngRepeat循环中显示此工具提示。但是,我只想更改已单击的currentTarget元素上的工具提示。当前,我将工具提示显示为控制器中的插值字符串,函数成功后,我将更改此字符串。这会导致具有此工具提示的每个元素都有新的工具提示,而不仅仅是单击的元素 然后从循环中显示的所有图像都有新的工具提示信息,但我只希望将新信息附加到单击的图像。我尝试使用$event,但由于我正在更改$scope.categoryConf

单击元素后,我正在执行函数,在函数成功后,我想更改单击元素的工具提示

我有多个元素在ngRepeat循环中显示此工具提示。但是,我只想更改已单击的currentTarget元素上的工具提示。当前,我将工具提示显示为控制器中的插值字符串,函数成功后,我将更改此字符串。这会导致具有此工具提示的每个元素都有新的工具提示,而不仅仅是单击的元素

然后从循环中显示的所有图像都有新的工具提示信息,但我只希望将新信息附加到单击的图像。我尝试使用$event,但由于我正在更改$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.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);
    });
};