0
BaseInputを拡張して、ionic2でカスタムフォーム入力コンポーネントを作成したいとします。しかしそれはレンダリングされず、私はDOM上でそれを見つけることができません。ionic2でBaseInputを拡張してカスタムフォームコンポーネントを作成する方法
import { Component, ElementRef, OnDestroy, Optional, Renderer,
ViewEncapsulation } from "@angular/core";
import { Config, Form, Item } from "ionic-angular";
import { BaseInput } from "ionic-angular/util/base-input";
import { NG_VALUE_ACCESSOR } from "@angular/forms";
@Component({
selector: 'my-checkbox',
template:
'<p>aaaaa</p>',
host: {
'[class.checkbox-disabled]': '_disabled'
},
providers: [ { provide: NG_VALUE_ACCESSOR, useExisting: MyCheckboxComponent, multi: true } ],
encapsulation: ViewEncapsulation.None,
})
export class MyCheckboxComponent extends BaseInput<any> implements OnDestroy {
constructor(form: Form, config: Config, elementRef: ElementRef, renderer: Renderer, @Optional() item: Item) {
super(config, elementRef, renderer, 'my-checkbox', [], form, item, null);
}
}
コードはsrc/component/checkbox/checkbox.tsからコピーされ、少し変更されます。