Использование javascript вместо typescript в angular

Есть ли возможность запускать js код в файле .ts? Ибо когда копирую свой js код и вставляю в файл .ts компонента, то все подсвечивается красным. Кстати, в корневой папке есть файл index.html, который прекрасно понимает js. Вот пример кода

import { Component } from '@angular/core';
import * as $ from 'jquery';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})


export class AppComponent {
// title = 'RibbonlineEditor';
    var ribbon_width = 160;
    var pattern_length = 10 * 120;
    var img = new Image();
    img.setAttribute('crossOrigin', 'anonymous');
    img.src = "https://upload.wikimedia.org/wikipedia/commons/e/eb/Blank.jpg";

    var prev_left = "";
    var prev_right = "";

    function addOneData(img) {
      project_name = $("#saveprojinput").val();
        let result = idb.select("Projects", function (isSelected, responseData) {
            if (isSelected) {
                idb.insert("Projects", {
                    title: project_name,
                    img: img,
                    str1: $("#lefttext").val().toString(),
                    str2: $("#righttext").val().toString(),
                    patt_length: pattern_length,
                    date: new Date().toLocaleString(),
                    ID: responseData.length + 1
                });
                console.log("record nm: " + responseData.length);
            } else {
                console.log("Error: " + responseText);
            }
        });
    }