angular.6中component.html中的JavaScript代码

Question

所以我有这个javascript代码，我想添加到Angular 6的我的somename.component.html文件中，但是我知道它不能那样工作，无法创建文件，只是将代码放在那儿会导致我试过了没用

<script>

  /**
   * Push left instantiation and action.
   */
   var pushLeft = new Menu({
     wrapper: '#o-wrapper',
     type: 'push-left',
     menuOpenerClass: '.c-button',
     maskId: '#c-mask'
   });

   var pushLeftBtn = document.querySelector('#c-button--push-left');

   pushLeftBtn.addEventListener('click', function(e) {
     e.preventDefault;
     pushLeft.open();
   });

   /**
    * Slide right instantiation and action.
    */
    var slideRight = new Menu({
      wrapper: '#o-wrapper',
      type: 'slide-right',
      menuOpenerClass: '.c-button',
      maskId: '#c-mask'
    });

    var slideRightBtn = document.querySelector('#c-button--slide-right');

    slideRightBtn.addEventListener('click', function(e) {
      e.preventDefault;
      slideRight.open();
    });


    /**
    * Slide top instantiation and action.
    */
    var slideTop = new Menu({
      wrapper: '#o-wrapper',
      type: 'slide-top',
      menuOpenerClass: '.c-button',
      maskId: '#c-mask'
    });

    var slideTopBtn = document.querySelector('#c-button--slide-top');

    slideTopBtn.addEventListener('click', function(e) {
      e.preventDefault;
      slideTop.open();
    });

它开始惹我生气，因为这是我的第二个Angular项目，所以我仍然不熟悉所有内容。

感谢您的帮助