Question

在寻找插件以满足我的角度2应用程序的需求时，我选择的主要考虑因素是“我能否实际解读如何安装和使用它”。如果没有，我会接下一个，希望使用更小的单词和更大的例子。

我正在尝试在我的页面上实现切换开关（不是'开/关'切换，而是在两个等效状态之间切换：'显示最近'和'全部显示'）。

这是我现在正在看的。按照安装说明操作： https://github.com/JulioWar/jw-bootstrap-switch-ng2

1]我用纱线安装它（与npm相同，真的。）

2]现在我正在导入CSS。（我不确定为什么，即使我已经安装了它，我仍然需要添加一个指向CDN的链接。如果我只是链接到它，安装的重点是什么？）

我很确定我可以绕过system.js.config.js上的部分，因为我们使用webpack。这样：

3]它说：然后您可以在模板中使用该指令：

@Component({
  selector: 'app',
  template: `
  <bSwitch
          [switch-base-class]="baseClass"
          [switch-wrapper-class]="wrapperClass"
          [switch-label-width]="labelWidth"
          [switch-label-text]="labelText"
          [switch-off-text]="offText"
          [switch-on-text]="onText"
          [switch-on-color]="color"
          [switch-off-color]="offColor"
          [switch-size]="size"
          [switch-disabled]="disabled"
          [switch-readonly]="readonly"
          [switch-animate]="animate"
          [(ngModel)]="state"
          [switch-inverse]="inverse"
          [switch-handle-width]="handleWidth"
          [switch-base-class]="'bootstrap-switch'"
          (onChangeState)="onChange($event)">
  </bSwitch>
  `
})
export class AppComponent {}

我不知道我应该怎么做。我在 app.components.ts 文件中看到了一个类似的代码块：

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})

但我不知道这个新组件是否附加在现有的@component或在中交错。

Answer 1

它会告诉你page到底要做什么。将JWBootstrapSwitchModule添加到模块导入列表中：

imports: [BrowserModule, JWBootstrapSwitchModule],

一旦将其导入到您的模块中，您就可以在包含上述导入的模块中的entited声明部分下的任何组件模板中使用它。

<bSwitch [attributes]></bswitch>

安装和实现Angular 2组件

1 个答案: