0
私のhtml要素のいくつかが依存しているため、外部の.jsファイルをコンポーネントのhtmlにロードしたいと思います。しかし、jsは読み込まれません。私のコンポーネントのjsのAngular 4のコンポーネントでJSライブラリをロードするには
例:私のマスター側-内容でbar.htmlの
import { Component } from '@angular/core';
/**
* Generated class for the MasterSideBar component.
*
* See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
* for more info on Angular Components.
*/
@Component({
selector: 'master-side-bar',
templateUrl: 'master-side-bar.html'
})
export class MasterSideBar {
text: string;
constructor() {
console.log('Hello MasterSideBar Component');
this.text = 'Hello World';
}
}
例:
<script src="/assets/js/app.js"></script>
<div>
<ul class="nav navbar-nav navbar-mobile">
<li>
<button type="button" class="sidebar-toggle">
<i class="fa fa-bars"></i>
</button>
</li>
<li class="logo">
<a class="navbar-brand" href="#"><span class="highlight">Flat v3</span> Admin</a>
</li>
<li>
<button type="button" class="navbar-toggle">
<img class="profile-img" src="./assets/images/profile.png">
</button>
</li>
</ul>
</div>
私はbrwoserで私のコードを実行して、JSファイル「/資産/ js/app.js "がロードされていません。
https://github.com/angular/angular-cli/issues/2797 –
同じ問題がありました。あなたができることは、コンポーネントのローカル変数を宣言するか、js関数をウィンドウオブジェクトにバインドすることです。お役に立てれば。 – trichetriche