angular6-json-schema-form

Json Schema Form Condition show/hide based on enum selected item

阅读更多关于 Json Schema Form Condition show/hide based on enum selected item

问题 I have an angular project in which I'm using JSON Schema Form (angular6-json-schema-form) to build forms in JSON schema. The json schema form specification allows the use of a condition switch to selectively show/hide elements based on the value of another form element. The only examples given in the docs though are simple boolean's (if X has a value or not, then show Y). In my example, I need to show/hide a "placeholder" text input when the text input type selected from a select list is one

angular6-json-schema-form issue with multi-select form change event

阅读更多关于 angular6-json-schema-form issue with multi-select form change event

问题 The current implementation for multi-select doesn't show <mat-select [formControl]="toppings" multiple> because here for type 'array' and 'enum' it shows 'checkboxes'. So, I have overridden that behavior in the following way: myCustomWidgets = { submit: NoneComponent, checkboxes: CustomMultiSelectComponent }; I have created a MaterialSelectComponent file which is a copy of the same file from 'angular6-json-schema-form' and then added the custom widget like below. <json-schema-form

Angular 6 Prod Function calls are not supported in decorators but '..Module' was called

阅读更多关于 Angular 6 Prod Function calls are not supported in decorators but '..Module' was called

问题 I have this error when trying to use angular2-json-schema-form & build in prod ERROR in Error during template compile of 'DemoModule' Function calls are not supported in decorators but 'JsonSchemaFormModule' was called. I found out that the the error comes from: @NgModule({ declarations: [ AceEditorDirective, DemoComponent, DemoRootComponent ], imports: [ BrowserModule, BrowserAnimationsModule, FlexLayoutModule, FormsModule, HttpClientModule, MatButtonModule, MatCardModule, MatCheckboxModule,

how action buttons works in Angular 6-json-schema-form

阅读更多关于 how action buttons works in Angular 6-json-schema-form

I am trying to understand below JSON base form. I am not able to figure out from where that yellow button "Add Phone number" comes from and how it trigger event to replicate more phone list https://hamidihamza.com/Angular6-json-schema-form/?set=ng-jsf&example=ng-jsf-flex-layout&framework=material-design&language=en What you have is a reactive form - check the stackblitz here The whole form is a FormBuilder group which consists of: FormControls for the static (non-repeatable) part of the form (firstName, lastName etc.) While the phone numbers are Formbuilder Array. Everytime that the 'Add phone

how action buttons works in Angular 6-json-schema-form

阅读更多关于 how action buttons works in Angular 6-json-schema-form

问题 I am trying to understand below JSON base form. I am not able to figure out from where that yellow button "Add Phone number" comes from and how it trigger event to replicate more phone list https://hamidihamza.com/Angular6-json-schema-form/?set=ng-jsf&example=ng-jsf-flex-layout&framework=material-design&language=en 回答1: What you have is a reactive form - check the stackblitz here The whole form is a FormBuilder group which consists of: FormControls for the static (non-repeatable) part of the