我想要多個文本元素，通過函數(shù)動態(tài)添加，鍵控始終顯示輸入文本字段的內(nèi)容。相反，綁定的文本僅顯示在最近添加的文本元素上，而所有其他文本元素都會消失（？）。即使是我引用的正文中寫入的原始 span 標(biāo)簽也不再更新到用戶提供的數(shù)據(jù)（不是說您可以在下面的示例中說出最后一部分，因為它是隱藏的）。w3school 代碼在這里運(yùn)行：https ://www.w3schools.com/code/tryit.asp?filename=GD4AV18UABPF<!DOCTYPE html><html><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body> <div ng-app=""> <script> function linkPairing() { var divElement = angular.element(document.querySelector('.transaction')); var $hidden = angular.element(document.querySelector('.hiddenNodeName')); divElement.append($hidden); divElement.append("<br />"); } </script> <p>Input something in the input box:</p> <form> <p>Name: <input type="text" ng-model="newNodeName"></p> <p>{{newNodeName}}</p> <p>{{newNodeName}}</p> <button class="addNewTransaction" id="addNewTransaction" type="button" onclick="linkPairing()">Go</button> </form> <div hidden><span class="hiddenNodeName" >{{newNodeName}}</span></div> <p class="transaction"></p> </div></body></html>我意識到這種用于添加綁定數(shù)據(jù)引用的隱藏標(biāo)記方法可能是非常規(guī)的，并且根據(jù)其他問題，顯示的引用通?？赡苡梢韵聝?nèi)容生成：var $div = $("<span>{{newNodeName}}</span>");divElement.append($compile($div)($scope));$scope.$apply();我嘗試了上面的變體，但甚至無法獲得示例中看到的部分成功。我懷疑我需要對角度有更深入的了解，尤其是范圍，才能通過這種方法取得成功。我同時使用 jquery 和 angular，并閱讀 stackOverflow 的意見以將 js 模塊負(fù)載降至最低。最初一切都在 jquery 中，但是當(dāng)我使用具有鏈接數(shù)據(jù)顯示的特殊功能時，Angular 中的 ng-bind 數(shù)據(jù)看起來非常吸引人。由于不確定我最終是否會成功，我現(xiàn)在不愿意將所有內(nèi)容重構(gòu)為 angular.js。這個變通辦法可以按我的預(yù)期運(yùn)行嗎？
angular.js 數(shù)據(jù)僅顯示最近的參考
函數(shù)式編程
2022-05-26 11:21:28
