Question

我想在我的组件的html中加载我的外部.js文件，因为我的一些html元素依赖它。但js没有加载。

我的组件js示例：

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';

  }


}

我的master-side-bar.html示例：

<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文件＆＃34; /assets/js/app.js"没有加载。

Answer 1

在项目根目录中使用index.html，并将您的* .js文件照常放在JSONObject data = json.getJSONObject("data"); String title = data.getString("title"); String message = data.getString("message");部分或其他地方。

如何在Angular 4的组件中加载JS库

1 个答案: