html - Angular 使用一个 JavaScript 函数

我正在开发一个应用程序，我想使用 Twit API，但出于某种原因，我无法在 TypeScript 文件中使代码工作

所以我在目录里创建了一个 js 文件

这是 dashboard.page.js 中的代码（当然，为了安全，密钥已被移除）

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)
      })
  }

这是 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>

而我得到的错误是

ReferenceError: sendTweet is not defined

我想知道如何能够在 HTML 页面中调用我的 JavaScript 文件中的函数