首頁猿問如何使用 AngularJS...

如何使用 AngularJS 調用擴展可折疊 div 的 API 并使用 API 響應填充其內容？

JavaScript

莫回無 2023-06-29 21:04:07

我在用角js1.6，我對它還很陌生。html我有下面這一段<span ng-repeat="topdata in userData"> <span style="white-space: pre;"> <a class="collapsed" data-target="#testThis" data-toggle='collapse' ng-click="getInfo(topdata.user_id)"> <pre><i class='fa fa-plus'></i><span>Some text</span> </pre> </a> </span> <div id="testThis" class='collapse'>  </div></span>在js部分$scope.getInfo = function(user_id) { toSend = {"user_id": user_id} $http({ method: 'POST', url: /some-url, data: toSend, }).then(function(response) { // fill the response data inside #testThis div })}目前，當用戶單擊時collapsible span，它會展開并調用一個函數來調用API. API但我不知道如何填寫擴展內容里面的響應span。知道如何做到這一點嗎？

查看完整描述

1 回答

繁星coding

TA貢獻1797條經驗獲得超4個贊

您可以將響應分配給userData并將折疊的元素綁定到它。

例如

和

}).then(function(response) {

const userData = $scope.userData.find(data => data.user_id === user_id);

userData.more = response;

});

這是一個實例（我做了一些必要的更改以使其工作，但想法是相同的）。

angular.module('app', []).controller('ctrl', function($scope, $http) {

$scope.userData = [{

user_id: 8

}];

$scope.getInfo = function(user_id) {

toSend = {

"user_id": user_id

}

$http({

method: 'GET',

url: 'https://jsonplaceholder.typicode.com/todos/1',

//data: toSend,

}).then(function(response) {

const userData = $scope.userData.find(data => data.user_id === user_id);

userData.more = response;

})

}

});

class="collapsed"

data-target="#testThis"

data-toggle="collapse"

ng-click="getInfo(topdata.user_id)"

</a>

</span>

</div>

</span>

</div>

反對回復 2023-06-29

1 回答
0 關注
127 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 AngularJS 調用擴展可折疊 div 的 API 并使用 API 響應填充其內容？

如何使用 AngularJS 調用擴展可折疊 div 的 API 并使用 API 響應填充其內容？

1 回答

添加回答

如何使用 AngularJS 調用擴展可折疊 div 的 API 并使用 API 響應填充其內容？

如何使用 AngularJS 調用擴展可折疊 div 的 API 并使用 API 響應填充其內容？