Question

我正在学习Angular 2，所以还不熟悉它如何实现插件。我正在尝试实现 angular bootstrap toggle ： 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 {
  ...
}

Answer 1

这个角度引导切换是AngularJS的概念，而不是Angular2的概念。所以你应该搜索一个在Angular 2上运行的插件。

如果你里面没有文字，可以看看这里 https://material.angular.io/components/slide-toggle/overview

如果您想使用自举切换器，也许这适合您 jw-bootstrap-switch-ng2

安装角度自举切换

1 个答案: