2017-07-04 9 views
0

私は角度2を学んでいるので、プラグインの実装方法にまだ慣れていません。 私は角度ブートストラップトグルを実装しようとしています: http://ziscloud.github.io/angular-bootstrap-toggle/角度ブートストラップトグルのインストール

命令は言う: をするとすぐにあなただけのUIに依存関係を宣言する必要があなたのページにダウンロードされ、含まれるすべてのファイルを持っているとして、 .toggleモジュール: angular.module( 'myModule'、['ui.toggle']);

どういう意味なのでしょうか。私はちょうどpackage.jsonとapp.module.tsでそれらを宣言するのに慣れました。

これらのファイルのどこにその行を追加するかはわかりません。

package.jsonは次のようになります。

{ 
    "name": "arv2", 
    "dependencies": { 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
... 
    "mydatepicker": "^2.0.21", 
    "ng2-validation": "^4.2.0", 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.2", 
    "@angular/compiler-cli": "^4.0.0", 
... 
    "webpack-dev-server": "~2.4.2", 
    "webpack-hot-middleware": "^2.18.0" 
    } 
} 

とapp.module.ts次のようになります。

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule, APP_INITIALIZER } from '@angular/core'; 
... 
import { CustomFormsModule } from 'ng2-validation'; 

@NgModule({ 
    declarations: [ 
     AppComponent, 
     SwitchClientComponent, 
     SwitchClientPipe, 
     ... 
    ], 
    imports: [ 
     BrowserModule, 
    ... 
    ], 
    providers: [ 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

最後に、私のようなルックスにそれを実装しようとしている実際のページこの:

import { Component, OnInit } from '@angular/core'; 
import { ActivatedRoute, Router } from '@angular/router'; 

@Component({ 
    selector: 'app-switch-client', 
    templateUrl: './switch-client.component.html', 
    styleUrls: ['./switch-client.component.scss'] 

}) 
export class SwitchClientComponent implements OnInit { 
    ... 
} 

答えて

1

この角度ブートストラップトグル AngularJSの概念であり、Angular2の概念ではありません。 あなたがプラグインを検索する必要がありますが、内部には、テキストを必要としないのであれば、角度2

にその実行は、あなたがここに https://material.angular.io/components/slide-toggle/overview

を見ることができますし、ブートストラップスイッチャーを使用したい場合は、多分これが一つですあなたのため jw-bootstrap-switch-ng2

関連する問題