Вставка JavaScript внутрь компонентов в Angular
Я хотел бы вставить <script>...</script> внутрь компонента .html в проекте Angular, и мне было интересно, как это можно сделать.
Кажется, что любой Javascript, который я вставляю в этот компонент, просто игнорируется.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Да, конечно, вы можете добавить javascript в Angular. Вы можете создать один внешний файл Javascript и поместить весь свой код в этот файл. Например, ваш файл external.js находится в папке /app. И теперь вы можете получить доступ к функциям этого файла в компоненте Angular. Это самый простой способ, который я нашел. Вы можете использовать импорт для включения вашего внешнего файла. Код для этого будет следующим.
import './external.js';
declare var myExtObject: any;
Теперь используйте здесь одну переменную, которую я назвал myExtObject, чтобы вызвать функцию файла External.js, например, в любом месте:
myExtObject.func1();
Привет, Ишан, спасибо за ответ, я извиняюсь за свой вопрос, так как я не очень хорошо знаком с Angular. Мне нужно поставить: import './external.js'; объявить var myExtObject: любой; Внутри файла .html. А затем в файле .external.js я помещаю: myExtObject.func1 (мой код Javascript); ?
@Mor Вам не нужно включать файл external.js в свой html-файл. Вам нужно импортировать файл external.js в свой компонент Angular и angular.json, а также в соответствии с вашими путями в приложении. Просто импортируйте его, как указано выше, и то вы можете использовать его.
Но я хотел бы использовать этот код Javascript только на этой конкретной странице, и он должен работать в теле страницы. Как это сделать? Я не думаю, что четко понимаю, где должен быть размещен каждый код.
@Mor Вы также можете включить этот файл external.js в заголовок файла index.html, который находится за пределами папки вашего приложения в проекте angular. Затем вы можете объявить переменную, как я уже упоминал выше, и можете использовать ее в компонентах angular. Вы можете обратиться эта ссылка. связь
Вы можете проверить эти ответы, чтобы включить javascript в Angular.stackoverflow.com/questions/37081943/…