Question

从http://danielstern.github.io/ngAudio/#/安装了ngAudio。在安装之后，我应该将它包含在app.module.ts中，然后才能在我的项目中使用它。

我对如何在此处包含它感到茫然，因为他们在网站上说的标准“需要项目中的模块：angular.module（'yourModule'，['ngAudio']）”对我没有任何意义。

我的app.module.ts如下：

//Modules
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule, Route } from '@angular/router';

//routes
const appRoutes: Route[] =
    [
        { path: "soundwave", component: SoundwaveComponent },
        { path: "weather", component: WeatherComponent },
        { path: "movies", component: MoviesComponent },
        { path: "moviesearch", component: MoviesearchComponent },
        { path: "news", component: NewsComponent },
    ]

//services
import { TmdbService } from './services/tmdb.service';
import { NewsService } from './services/news.service';
import { WeatherService } from './services/weather.service';
import { SoundwaveService } from './services/soundwave.service';


//Angular Material
import { MdButtonModule, MdToolbarModule, MdIconModule } from '@angular/material';

//special
import 'hammerjs';


//component
import { AppComponent } from './app.component';
import { MoviesComponent } from './movies/movies.component';
import { MoviesearchComponent } from './moviesearch/moviesearch.component';
import { NewsComponent } from './news/news.component';
import { SoundwaveComponent } from './soundwave/soundwave.component';
import { WeatherComponent } from './weather/weather.component';

//Pipes
import { RoundPipe } from './pipes/round.pipe';
import { SubmitOnEnterDirective } from './directives/submit-on-enter.directive';

@NgModule({
    declarations: [AppComponent, MoviesComponent, MoviesearchComponent, NewsComponent, SoundwaveComponent, WeatherComponent, RoundPipe, SubmitOnEnterDirective],
    imports: [BrowserModule, FormsModule, HttpModule,
        RouterModule.forRoot(appRoutes),
        MdButtonModule, MdToolbarModule, MdIconModule
    ],
    exports: [],
    providers: [TmdbService, NewsService, WeatherService, SoundwaveService],
    bootstrap: [AppComponent]
})
export class AppModule { }

我正在使用的文件夹结构：

Answer 1

此包适用于AngularJS，而非Angular。您将无法轻松将其添加到当前项目中。

使用Angular中的音频比JS更重要。 Angular具有所有按钮和服务，但您需要使用javascript来处理音频。我建议使用npm提供的流行javascript包。 Howler.js可用，并且可以像任何其他npm包一样轻松集成到任何Angular-CLI项目中。

您可以查看this安装问题。

Angular-cli包括ngAudio到您的项目中

1 个答案: