index.html
<html class="wide wow-animation" lang="en">
<body>
<app-root></app-root>
<!-- Javascript-->
<script src="assets/js/core.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
控制台上显示的错误
我的文件的层次结构
--> 显示模板,但导航栏和轮播都不起作用。
外部javascript文件应该添加到"scripts"下的angular.json
文件中:
"scripts": [
"assets/js/core.min.js",
"assets/js/script.js"
]
官方文档:https://angular.io/guide/workspace-config#style-script-config
从文档中:
样式和脚本选项的数组条目可以是简单的路径字符串,也可以是指向额外入口点文件的对象。关联的构建器将在构建期间将该文件及其依赖项作为单独的捆绑包加载。对于配置对象,您可以选择使用 bundleName 字段为入口点命名捆绑包。
默认情况下会注入分发包,但您可以将 inject 设置为 false 以从注入中排除分发包。例如,以下对象值创建并命名包含样式和脚本的分发包,并将其从注入中排除:
最后,你正在使用jQuery,如果可能的话,我会在Angular中避免使用jQuery。在此过程中,您可能会遇到一些问题。