html - Angular Folosește o funcție javascript

Construiesc o aplicație și aș dori să folosesc API-ul Twit, totuși dintr-un motiv oarecare nu reușesc să fac codul să funcționeze într-un fișier TypeScript

așa că am creat un fișier js în director

și aici este codul care se află în dashboard.page.js (desigur, cheile au fost eliminate din motive de securitate)

var Twit = require('twit')

  var T = new Twit({
    consumer_key:         '...',
    consumer_secret:      '...',
    access_token:         '...',
    access_token_secret:  '...',

  })

  //
  //  tweet 'hello world!'
  //


  function sendTweet(){
    T.post('statuses/update', { status: 'hello CarlLLL' }, function(err, data, response) {
        console.log(data)
      })
  }

și aici un cod din dashboard.page.html

  <ion-row class="ion-justify-content-center">
          <ion-col size=" 12">
              <div class = "imageBox"  (click) ="startCountdown(5)" onclick= 'sendTweet();'> 
              <!-- <div class = "imageBox"  (click) ="shareFacebook()">  -->
            <img src="../../assets/help_btn.png" style="width :100%;">           
              <div class = "imageText">{{imageText}}</div>           
            </div>

          </ion-col>
        </ion-row>

și eroarea pe care o primesc este

ReferenceError: sendTweet is not defined

Aș dori să știu cum se poate apela o funcție din fișierul meu JavaScript în pagina HTML