這是電子商務應用程式的一部分，客戶可以在其中選擇訂單并進行結賬。一組具有 data- 屬性的類似按鈕，分別具有 data- something 的擴展名。我能夠在 JavaScript 和 Html 5 中很好地實作這一點。我想知道如何使用 Angular 實作完全相同的目標。
<button data-plan="bronze">Select Plan</button>
<button data-plan="silver">Select Plan</button>
<button data-plan="gold">Select Plan</button>
<button data-plan="diamond">Select Plan</button>
下面是我希望在 Angular 中實作的 JavaScript，
// Select Plan Logic
const planButtons = document.querySelectorAll("button[data-plan]");
uj5u.com熱心網友回復：
要與 Angular 中的 HTML 元素互動并對其進行參考，您應該使用@ViewChild或@ViewChildren裝飾器。第一個僅用于一個元素，第二個用于多個元素。
使用這些裝飾器時，您應該考慮ngAfterViewInit生命周期方法，您可以在其中訪問對 DOM 元素的參考。在引擎蓋下，@ViewChild或者@ViewChildren正在使用document.querySelector和document.querySelectorAll。
了解并閱讀有關它們的更多資訊：
https://angular.io/api/core/ViewChild
https://angular.io/api/core/ViewChildren
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/391780.html
標籤：javascript html 节点.js 有角的 ecmascript-6
上一篇：為提交表單添加值