我已经下载从主题这个链接。我必须在index.html文件中定义脚本和CSS。
index.html(正文部分)
<body>
<app-root></app-root>
<script type="text/javascript" src="./assets/js/main.85741bff.js"></script>
<script type="text/javascript" src="./assets/js/common.js"></script>
</body>
我在common.js中定义了我的函数,并从main.85741bff.js文件中调用了它。
common.js(函数)
document.addEventListener("DOMContentLoaded", function (event) {
masonryBuild();
navbarToggleSidebar();
navActivePage();
});
问题是我可以在页面重新加载时调用该函数,但是在内容加载时不能调用该函数。
谁能帮我解决这个问题?任何帮助,将不胜感激。
您可以在Angular应用程序中使用javascript。
步骤1.在asset / javascript文件夹中创建demo.js文件。
export function test1(){
console.log('Calling test 1 function');
}
步骤2.在asset / javascript文件夹中创建demo.d.ts文件。
export declare function test1();
步骤3.在组件中使用它
import { test1 } from '../assets/javascript/demo';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor() {
console.log(test1());
}
}
注意:js和.d.ts文件名应该相同
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句