How can I fetch nodelist with document.querySelectorAll in Angular?

This is a part of an e-commerce app in which customers can select an order and go to checkout. A group of similar buttons that have a data- attribute, with respective extensions to data-something. I am able to implement this well in JavaScript and Html 5. I want to know how to achieve exactly the same using 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>

Below is JavaScript I wish to implement in Angular,

// Select Plan Logic
    const planButtons = document.querySelectorAll("button[data-plan]");