时间戳

首页 > 解决方案 > 将 HTML 5 模板转换为 Angular

angular - 将 HTML 5 模板转换为 Angular

问题描述

好吧，我有一个模板，其中在 index.html 底部声明了一些 javascript 文件，在顶部声明了一些 CSS。像 jQuery、Datatable、Select2 等等。

我知道 Angular 不知道如何管理它，因为它超出了你的范围。在名为 main.js 的文件 javascript 中，我有以下内容：

$("#someintput").val("hi world");
$("#datatable#").Datatable();

这有时有效。Datatable 有时会呈现，但有时不会。在这个过程中的角度干扰？从模板中使这个javascript和css文件有角度工作的正确方法是什么？

标签： angular

解决方案

您必须告诉 CLI 您要使用这些文件，打开angular-cli.json或angular.json（最新的 Angular 版本）文件并查找 apps.styles 和 apps.scripts 部分

"styles": [
    "styles.css"
],
"scripts": [],

那么您需要将其修改为如下所示：

"styles": [
   "path/to/your/css/here.css",
   "another.css"
],
"scripts": [
   "path/to/your/js/here.js",
   "another.js"
],

我希望这会帮助你

您要添加的任何不会直接从模块中引用的 CSS 文件，以及您不会导入到 TypeScript 文件中的任何 javascript 文件。当您编译时，它们将成为捆绑包的一部分。

推荐阅读