title: How do I capture an element in typescript and set it's atributes via ts
body: <p>So i'm using this tool</p>
  <p><a href="https://www.npmjs.com/package/angular-cd-timer" rel="nofollow noreferrer">https://www.npmjs.com/package/angular-cd-timer</a></p>
  <p>and I've added it to my navbar.
  This navbar appears in 8 pages or so, but I just want the timer to be visible and works in 4 different pages.</p>
  <p>The structure of the component in html</p>
  <pre><code>&lt;cd-timer [countdown]=&quot;true&quot; [startTime]=&quot;300&quot; [endTime]=&quot;0&quot; format=&quot;ms&quot; (onComplete)=&quot;timerEnd()&quot;
              class=&quot;timerStyle&quot;&gt;&lt;/cd-timer&gt;
  </code></pre>
  <p>What I want! I wan to set this values like startTime,endTime on typeScript, and for each page have different values, and for the pages that I do not want to appear just make it invisible.</p>
  <p>How do I do this?
  And it would be best to make all the code on the navbar component where this code lies, or in each page that I want it to function?</p>