1

私にとっては、[(ngModel)]="foo"デフォルトの HTML5 フォーム コントロール、より正確にはラジオ ボタンのスタイルを変更するために使用されるラベルでは機能しません。目標は、これらを使用して、デフォルトの入力無線のように値を変更することです。私は現在 ng2-bootstrap を使用していますが、ペーパーキット ( http://www.creative-tim.com/live/paper-kit ) も試しました。

文書化された ng2-bootstrap の使用方法を使用する場合 ( https://valor-software.com/ng2-bootstrap/#/buttons )

<label class="btn btn-primary" name="test" [(ngModel)]="foo" btnRadio="foo">foo</label>

次のエラーが表示されます。

core.umd.js:3468 Error: Uncaught (in promise): Error: No value accessor for form control with name: 'test'
at resolvePromise (zone.js:429)
at zone.js:465
at ZoneDelegate.invokeTask (zone.js:236)
at Object.onInvokeTask (core.umd.js:6233)
at ZoneDelegate.invokeTask (zone.js:235)
at Zone.runTask (zone.js:136)
at drainMicroTaskQueue (zone.js:368)
at XMLHttpRequest.ZoneTask.invoke (zone.js:308)

ngDefaultControlこれは、ラベルの属性を使用して修正される可能性がありますが、依然として[(ngModel)]無視され、伝播されません。ペーパーキットの使用でも同じ問題が発生します。

通常のラジオボタンで問題なく動作します。

4

1 に答える 1

0

それらを使用したいモジュールに追加ButtonsModuleする必要がありますimports

@NgModule({
  imports: [ButtonsModule],
  declarations: [...],
  ...
})
export class MyModule {}
于 2016-09-27T09:57:36.800 に答える