Mil*_*lan 3 javascript typescript angular angular5
我已经从这个链接下载了一个主题.我必须在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>
Run Code Online (Sandbox Code Playgroud)
我在common.js中定义了我的函数,并从main.85741bff.js文件中调用它.
common.js(function)
document.addEventListener("DOMContentLoaded", function (event) {
masonryBuild();
navbarToggleSidebar();
navActivePage();
});
Run Code Online (Sandbox Code Playgroud)
问题是我可以在页面重新加载时调用该函数,但在内容加载时无法调用该函数.
任何人都可以帮我解决这个问题吗?任何帮助,将不胜感激.
Aks*_*arg 16
您可以在Angular应用程序中使用javascript.
步骤1. 在assets/javascript文件夹中创建demo.js文件.
export function test1(){
console.log('Calling test 1 function');
}
Run Code Online (Sandbox Code Playgroud)
步骤2. 在assets/javascript文件夹中创建demo.d.ts文件.
export declare function test1();
Run Code Online (Sandbox Code Playgroud)
步骤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());
}
}
Run Code Online (Sandbox Code Playgroud)
注意:js和.d.ts文件名应该相同
| 归档时间: |
|
| 查看次数: |
14101 次 |
| 最近记录: |