How to use the @angular/forms/src/directives/ng_control.NgControl function in @angular/forms
To help you get started, we’ve selected a few @angular/forms examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ionic-team / ionic-site / docs / v2 / demos / src / popover / app.component.ngfactory.js View on Github 
if (((token === import25.Item) && ((89 <= requestNodeIndex) && (requestNodeIndex <= 95)))) {
return this._Item_89_4.context;
}
if (((token === import25.ItemContent) && ((89 <= requestNodeIndex) && (requestNodeIndex <= 95)))) {
return this._ItemContent_89_5.context;
}
if (((token === import30.RadioGroup) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._RadioGroup_1_3.context;
}
if (((token === import31.NG_VALUE_ACCESSOR) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._NG_VALUE_ACCESSOR_1_4;
}
if (((token === import32.NgModel) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._NgModel_1_5.context;
}
if (((token === import33.NgControl) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._NgControl_1_6;
}
if (((token === import34.NgControlStatus) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._NgControlStatus_1_7.context;
}
if (((token === import35.List) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 96)))) {
return this._List_1_8.context;
}
return notFoundResult;
};
_View_PopoverRadioPage0.prototype.detectChangesInternal = function (throwOnChange) {if (((token === import120.Option) && ((41 <= requestNodeIndex) && (requestNodeIndex <= 42)))) {
return this._Option_41_3.context;
}
if (((token === import120.Option) && ((44 <= requestNodeIndex) && (requestNodeIndex <= 45)))) {
return this._Option_44_3.context;
}
if (((token === import110.Select) && ((27 <= requestNodeIndex) && (requestNodeIndex <= 46)))) {
return this._Select_27_3.context;
}
if (((token === import121.NG_VALUE_ACCESSOR) && ((27 <= requestNodeIndex) && (requestNodeIndex <= 46)))) {
return this._NG_VALUE_ACCESSOR_27_4;
}
if (((token === import122.NgModel) && ((27 <= requestNodeIndex) && (requestNodeIndex <= 46)))) {
return this._NgModel_27_5.context;
}
if (((token === import123.NgControl) && ((27 <= requestNodeIndex) && (requestNodeIndex <= 46)))) {
return this._NgControl_27_6;
}
if (((token === import124.NgControlStatus) && ((27 <= requestNodeIndex) && (requestNodeIndex <= 46)))) {
return this._NgControlStatus_27_7.context;
}
if (((token === import105.Item) && ((22 <= requestNodeIndex) && (requestNodeIndex <= 47)))) {
return this._Item_22_3.context;
}
if (((token === import105.ItemContent) && ((22 <= requestNodeIndex) && (requestNodeIndex <= 47)))) {
return this._ItemContent_22_4.context;
}
if (((token === import125.List) && ((17 <= requestNodeIndex) && (requestNodeIndex <= 48)))) {
return this._List_17_3.context;
}
if (((token === import102.Button) && ((52 <= requestNodeIndex) && (requestNodeIndex <= 53)))) {
return this._Button_52_3.context;this._query_Button_25_1 = new import16.QueryList();
this._query_Icon_25_2 = new import16.QueryList();
this._appEl_25.initComponent(this._Item_25_4.context,([] as any[]),compView_25);
this._text_26 = this.renderer.createText((null as any),'\n ',(null as any));
this._el_27 = this.renderer.createElement((null as any),'ion-label',(null as any));
this.renderer.setElementAttribute(this._el_27,'color','primary');
this.renderer.setElementAttribute(this._el_27,'stacked','');
this._Label_27_3 = new import18.Wrapper_Label(this.parentInjector.get(import21.Config),new import22.ElementRef(this._el_27),this.renderer,(null as any),'',(null as any),(null as any));
this._text_28 = this.renderer.createText(this._el_27,'Mobile',(null as any));
this._text_29 = this.renderer.createText((null as any),'\n ',(null as any));
this._el_30 = this.renderer.createElement((null as any),'ion-input',(null as any));
this.renderer.setElementAttribute(this._el_30,'type','tel');
this.renderer.setElementAttribute(this._el_30,'value','+1 (555) 123-1234');
this._appEl_30 = new import3.AppElement(30,25,this,this._el_30);
var compView_30:any = import19.viewFactory_TextInput0(this.viewUtils,this.injector(30),this._appEl_30);
this._TextInput_30_4 = new import19.Wrapper_TextInput(this.parentInjector.get(import21.Config),this.parentInjector.get(import31.Form),this._Item_25_4.context,this.parentInjector.get(import24.App),this.parentInjector.get(import32.Platform),new import22.ElementRef(this._el_30),this.renderer,this._Content_9_4.context,this.parentInjector.get(import25.NavController,(null as any)),this.parentInjector.get(import33.NgControl,(null as any)));
this._appEl_30.initComponent(this._TextInput_30_4.context,([] as any[]),compView_30);
compView_30.create(this._TextInput_30_4.context,([] as any[]),(null as any));
this._text_31 = this.renderer.createText((null as any),'\n ',(null as any));
this._el_32 = this.renderer.createElement((null as any),'ion-icon',(null as any));
this.renderer.setElementAttribute(this._el_32,'class','mobile1');
this.renderer.setElementAttribute(this._el_32,'color','primary');
this.renderer.setElementAttribute(this._el_32,'ios','ios-chatbubbles-outline');
this.renderer.setElementAttribute(this._el_32,'item-right','');
this.renderer.setElementAttribute(this._el_32,'md','md-chatbubbles');
this.renderer.setElementAttribute(this._el_32,'role','img');
this._Icon_32_3 = new import20.Wrapper_Icon(this.parentInjector.get(import21.Config),new import22.ElementRef(this._el_32),this.renderer);
this._text_33 = this.renderer.createText((null as any),'\n ',(null as any));
this._el_34 = this.renderer.createElement((null as any),'ion-icon',(null as any));
this.renderer.setElementAttribute(this._el_34,'class','mobile2');
this.renderer.setElementAttribute(this._el_34,'color','primary');
this.renderer.setElementAttribute(this._el_34,'ios','ios-call-outline');this._query_Button_25_1 = new import16.QueryList();
this._query_Icon_25_2 = new import16.QueryList();
this._appEl_25.initComponent(this._Item_25_4.context, [], compView_25);
this._text_26 = this.renderer.createText(null, '\n ', null);
this._el_27 = this.renderer.createElement(null, 'ion-label', null);
this.renderer.setElementAttribute(this._el_27, 'color', 'primary');
this.renderer.setElementAttribute(this._el_27, 'stacked', '');
this._Label_27_3 = new import18.Wrapper_Label(this.parentInjector.get(import21.Config), new import22.ElementRef(this._el_27), this.renderer, null, '', null, null);
this._text_28 = this.renderer.createText(this._el_27, 'Mobile', null);
this._text_29 = this.renderer.createText(null, '\n ', null);
this._el_30 = this.renderer.createElement(null, 'ion-input', null);
this.renderer.setElementAttribute(this._el_30, 'type', 'tel');
this.renderer.setElementAttribute(this._el_30, 'value', '+1 (555) 123-1234');
this._appEl_30 = new import3.AppElement(30, 25, this, this._el_30);
var compView_30 = import19.viewFactory_TextInput0(this.viewUtils, this.injector(30), this._appEl_30);
this._TextInput_30_4 = new import19.Wrapper_TextInput(this.parentInjector.get(import21.Config), this.parentInjector.get(import31.Form), this._Item_25_4.context, this.parentInjector.get(import24.App), this.parentInjector.get(import32.Platform), new import22.ElementRef(this._el_30), this.renderer, this._Content_9_4.context, this.parentInjector.get(import25.NavController, null), this.parentInjector.get(import33.NgControl, null));
this._appEl_30.initComponent(this._TextInput_30_4.context, [], compView_30);
compView_30.create(this._TextInput_30_4.context, [], null);
this._text_31 = this.renderer.createText(null, '\n ', null);
this._el_32 = this.renderer.createElement(null, 'ion-icon', null);
this.renderer.setElementAttribute(this._el_32, 'class', 'mobile1');
this.renderer.setElementAttribute(this._el_32, 'color', 'primary');
this.renderer.setElementAttribute(this._el_32, 'ios', 'ios-chatbubbles-outline');
this.renderer.setElementAttribute(this._el_32, 'item-right', '');
this.renderer.setElementAttribute(this._el_32, 'md', 'md-chatbubbles');
this.renderer.setElementAttribute(this._el_32, 'role', 'img');
this._Icon_32_3 = new import20.Wrapper_Icon(this.parentInjector.get(import21.Config), new import22.ElementRef(this._el_32), this.renderer);
this._text_33 = this.renderer.createText(null, '\n ', null);
this._el_34 = this.renderer.createElement(null, 'ion-icon', null);
this.renderer.setElementAttribute(this._el_34, 'class', 'mobile2');
this.renderer.setElementAttribute(this._el_34, 'color', 'primary');
this.renderer.setElementAttribute(this._el_34, 'ios', 'ios-call-outline');this._text_27 = this.renderer.createText(null, '\n ', null);
this._query_Label_21_0.reset([this._Label_23_3.context]);
this._Item_21_3.context.contentLabel = this._query_Label_21_0.first;
this.compView_21.create(this._Item_21_3.context);
this._text_28 = this.renderer.createText(this._el_11, '\n\n ', null);
this._el_29 = import84.createRenderElement(this.renderer, this._el_11, 'ion-item', new import84.InlineArray2(2, 'class', 'item item-block'), null);
this.compView_29 = new import104.View_Item0(this.viewUtils, this, 29, this._el_29);
this._Item_29_3 = new import104.Wrapper_Item(this.parentView.injectorGet(import34.Form, this.parentIndex), this.parentView.injectorGet(import67.Config, this.parentIndex), new import93.ElementRef(this._el_29), this.renderer, this.parentView.injectorGet(import111.ItemReorder, this.parentIndex, null));
this._ItemContent_29_4 = new import104.Wrapper_ItemContent();
this._query_Label_29_0 = new import105.QueryList();
this._query_Button_29_1 = new import105.QueryList();
this._query_Icon_29_2 = new import105.QueryList();
this._text_30 = this.renderer.createText(null, '\n ', null);
this._el_31 = import84.createRenderElement(this.renderer, null, 'ion-input', new import84.InlineArray4(4, 'placeholder', 'Number Input with no label', 'type', 'number'), null);
this.compView_31 = new import108.View_TextInput0(this.viewUtils, this, 31, this._el_31);
this._TextInput_31_3 = new import108.Wrapper_TextInput(this.parentView.injectorGet(import67.Config, this.parentIndex), this.parentView.injectorGet(import34.Form, this.parentIndex), this._Item_29_3.context, this.parentView.injectorGet(import12.App, this.parentIndex), this.parentView.injectorGet(import66.Platform, this.parentIndex), new import93.ElementRef(this._el_31), this.renderer, this._Content_9_3.context, this.parentView.injectorGet(import92.NavController, this.parentIndex, null), this.parentView.injectorGet(import112.NgControl, this.parentIndex, null), this.parentView.injectorGet(import10.DomController, this.parentIndex));
this.compView_31.create(this._TextInput_31_3.context);
this._text_32 = this.renderer.createText(null, '\n ', null);
this._query_Label_29_0.reset([]);
this._Item_29_3.context.contentLabel = this._query_Label_29_0.first;
this.compView_29.create(this._Item_29_3.context);
this._text_33 = this.renderer.createText(this._el_11, '\n\n ', null);
this._el_34 = import84.createRenderElement(this.renderer, this._el_11, 'ion-item', new import84.InlineArray2(2, 'class', 'item item-block'), null);
this.compView_34 = new import104.View_Item0(this.viewUtils, this, 34, this._el_34);
this._Item_34_3 = new import104.Wrapper_Item(this.parentView.injectorGet(import34.Form, this.parentIndex), this.parentView.injectorGet(import67.Config, this.parentIndex), new import93.ElementRef(this._el_34), this.renderer, this.parentView.injectorGet(import111.ItemReorder, this.parentIndex, null));
this._ItemContent_34_4 = new import104.Wrapper_ItemContent();
this._query_Label_34_0 = new import105.QueryList();
this._query_Button_34_1 = new import105.QueryList();
this._query_Icon_34_2 = new import105.QueryList();
this._text_35 = this.renderer.createText(null, '\n ', null);
this._el_36 = import84.createRenderElement(this.renderer, null, 'ion-label', new import84.InlineArray4(4, 'color', 'primary', 'stacked', ''), null);
this._Label_36_3 = new import106.Wrapper_Label(this.parentView.injectorGet(import67.Config, this.parentIndex), new import93.ElementRef(this._el_36), this.renderer, null, '', null, null);this._ItemContent_62_5 = new import15.Wrapper_ItemContent();
this._query_Label_62_0 = new import16.QueryList();
this._query_Button_62_1 = new import16.QueryList();
this._query_Icon_62_2 = new import16.QueryList();
this._appEl_62.initComponent(this._Item_62_4.context, [], compView_62);
this._text_63 = this.renderer.createText(null, '\n ', null);
this._el_64 = this.renderer.createElement(null, 'ion-label', null);
this.renderer.setElementAttribute(this._el_64, 'color', 'dark');
this.renderer.setElementAttribute(this._el_64, 'stacked', '');
this._Label_64_3 = new import18.Wrapper_Label(this.parentInjector.get(import21.Config), new import22.ElementRef(this._el_64), this.renderer, null, '', null, null);
this._text_65 = this.renderer.createText(this._el_64, 'Notes', null);
this._text_66 = this.renderer.createText(null, '\n ', null);
this._el_67 = this.renderer.createElement(null, 'ion-textarea', null);
this._appEl_67 = new import3.AppElement(67, 62, this, this._el_67);
var compView_67 = import19.viewFactory_TextArea0(this.viewUtils, this.injector(67), this._appEl_67);
this._TextArea_67_4 = new import19.Wrapper_TextArea(this.parentInjector.get(import21.Config), this.parentInjector.get(import31.Form), this._Item_62_4.context, this.parentInjector.get(import24.App), this.parentInjector.get(import32.Platform), new import22.ElementRef(this._el_67), this.renderer, this._Content_9_4.context, this.parentInjector.get(import25.NavController, null), this.parentInjector.get(import33.NgControl, null));
this._appEl_67.initComponent(this._TextArea_67_4.context, [], compView_67);
compView_67.create(this._TextArea_67_4.context, [], null);
this._text_68 = this.renderer.createText(null, '\n ', null);
this._query_Label_62_0.reset([this._Label_64_3.context]);
this._Item_62_4.context.contentLabel = this._query_Label_62_0.first;
compView_62.create(this._Item_62_4.context, [
[],
[].concat([this._el_64]),
[].concat([
this._text_63,
this._text_66,
this._text_68
]),
[].concat([this._el_67]),
[]
], null);if (((token === import120.Option) && ((29 <= requestNodeIndex) && (requestNodeIndex <= 30)))) {
return this._Option_29_3.context;
}
if (((token === import120.Option) && ((32 <= requestNodeIndex) && (requestNodeIndex <= 33)))) {
return this._Option_32_3.context;
}
if (((token === import108.Select) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 34)))) {
return this._Select_21_3.context;
}
if (((token === import121.NG_VALUE_ACCESSOR) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 34)))) {
return this._NG_VALUE_ACCESSOR_21_4;
}
if (((token === import122.NgModel) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 34)))) {
return this._NgModel_21_5.context;
}
if (((token === import123.NgControl) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 34)))) {
return this._NgControl_21_6;
}
if (((token === import124.NgControlStatus) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 34)))) {
return this._NgControlStatus_21_7.context;
}
if (((token === import103.Item) && ((16 <= requestNodeIndex) && (requestNodeIndex <= 35)))) {
return this._Item_16_3.context;
}
if (((token === import103.ItemContent) && ((16 <= requestNodeIndex) && (requestNodeIndex <= 35)))) {
return this._ItemContent_16_4.context;
}
if (((token === import125.List) && ((11 <= requestNodeIndex) && (requestNodeIndex <= 36)))) {
return this._List_11_3.context;
}
if (((token === import113.Button) && ((40 <= requestNodeIndex) && (requestNodeIndex <= 41)))) {
return this._Button_40_3.context;if (((token === import22.Icon) && (23 === requestNodeIndex))) {
return this._Icon_23_3;
}
if (((token === import22.Icon) && (25 === requestNodeIndex))) {
return this._Icon_25_3;
}
if (((token === import19.Range) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 26)))) {
return this._Range_21_4;
}
if (((token === import40.NG_VALUE_ACCESSOR) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 26)))) {
return this._NG_VALUE_ACCESSOR_21_5;
}
if (((token === import20.NgModel) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 26)))) {
return this._NgModel_21_6;
}
if (((token === import41.NgControl) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 26)))) {
return this._NgControl_21_7;
}
if (((token === import21.NgControlStatus) && ((21 <= requestNodeIndex) && (requestNodeIndex <= 26)))) {
return this._NgControlStatus_21_8;
}
if (((token === import15.Item) && ((19 <= requestNodeIndex) && (requestNodeIndex <= 27)))) {
return this._Item_19_4;
}
if (((token === import15.ItemContent) && ((19 <= requestNodeIndex) && (requestNodeIndex <= 27)))) {
return this._ItemContent_19_5;
}
if (((token === import14.List) && ((11 <= requestNodeIndex) && (requestNodeIndex <= 28)))) {
return this._List_11_3;
}
if (((token === import18.Badge) && ((34 <= requestNodeIndex) && (requestNodeIndex <= 35)))) {
return this._Badge_34_3;if (((token === import49.TextInput) && (29 === requestNodeIndex))) {
return this._TextInput_29_7.context;
}
if (((token === import50.Item) && ((24 <= requestNodeIndex) && (requestNodeIndex <= 30)))) {
return this._Item_24_4.context;
}
if (((token === import50.ItemContent) && ((24 <= requestNodeIndex) && (requestNodeIndex <= 30)))) {
return this._ItemContent_24_5.context;
}
if (((token === import45.Label) && ((34 <= requestNodeIndex) && (requestNodeIndex <= 35)))) {
return this._Label_34_3.context;
}
if (((token === import46.NgModel) && (37 === requestNodeIndex))) {
return this._NgModel_37_4.context;
}
if (((token === import47.NgControl) && (37 === requestNodeIndex))) {
return this._NgControl_37_5;
}
if (((token === import48.NgControlStatus) && (37 === requestNodeIndex))) {
return this._NgControlStatus_37_6.context;
}
if (((token === import49.TextInput) && (37 === requestNodeIndex))) {
return this._TextInput_37_7.context;
}
if (((token === import50.Item) && ((32 <= requestNodeIndex) && (requestNodeIndex <= 38)))) {
return this._Item_32_4.context;
}
if (((token === import50.ItemContent) && ((32 <= requestNodeIndex) && (requestNodeIndex <= 38)))) {
return this._ItemContent_32_5.context;
}
if (((token === import51.List) && ((22 <= requestNodeIndex) && (requestNodeIndex <= 39)))) {
return this._List_22_3.context;if (((token === import13.TemplateRef) && (7 === requestNodeIndex))) {
return this._TemplateRef_7_5;
}
if (((token === import20.NgFor) && (7 === requestNodeIndex))) {
return this._NgFor_7_6.context;
}
if (((token === import33.SelectControlValueAccessor) && ((5 <= requestNodeIndex) && (requestNodeIndex <= 8)))) {
return this._SelectControlValueAccessor_5_3.context;
}
if (((token === import29.NG_VALUE_ACCESSOR) && ((5 <= requestNodeIndex) && (requestNodeIndex <= 8)))) {
return this._NG_VALUE_ACCESSOR_5_4;
}
if (((token === import30.FormControlName) && ((5 <= requestNodeIndex) && (requestNodeIndex <= 8)))) {
return this._FormControlName_5_5.context;
}
if (((token === import31.NgControl) && ((5 <= requestNodeIndex) && (requestNodeIndex <= 8)))) {
return this._NgControl_5_6;
}
if (((token === import23.NgControlStatus) && ((5 <= requestNodeIndex) && (requestNodeIndex <= 8)))) {
return this._NgControlStatus_5_7.context;
}
return notFoundResult;
};
_View_TaskOptionsComponent7.prototype.detectChangesInternal = function (throwOnChange) {@angular/forms
Angular - directives and services for creating forms
Package Health Score
95 / 100Popular @angular/forms functions
- @angular/forms.FormArray
- @angular/forms.FormBuilder
- @angular/forms.FormControl
- @angular/forms.FormGroup
- @angular/forms.NG_VALUE_ACCESSOR
- @angular/forms.Validators
- @angular/forms.Validators.compose
- @angular/forms.Validators.max
- @angular/forms.Validators.maxLength
- @angular/forms.Validators.min
- @angular/forms.Validators.minLength
- @angular/forms.Validators.nullValidator
- @angular/forms.Validators.pattern
- @angular/forms.Validators.required
- @angular/forms/src/directives.InternalFormsSharedModule
- @angular/forms/src/directives/ng_control.NgControl
- @angular/forms/src/directives/radio_control_value_accessor.RadioControlRegistry
- @angular/forms/src/form_builder.FormBuilder
- @angular/forms/src/form_providers.FormsModule
- @angular/forms/src/form_providers.ReactiveFormsModule