javascript - Angular使用javascript函数

Question

我正在构建一个应用程序，我想使用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

我想知道如何将一个函数从我的javascript文件调用到html页面

Answer 1

这里有一个很好的向导：https://www.truecodex.com/course/angular-6/how-to-use-external-js-files-and-javascript-code-in-angular
基本上，您需要在assets文件夹中添加js，告诉angular将其包含在angular.json中，然后像在组件中那样调用它们。
正如Tzvetan提到的，如果它是一个节点js后端库，那么您将无法通过angular运行它。您需要实现一个节点js或其他api，通过调用它来完成twit。