Stack Overflow
Stack Overflow

Questions tagged [angular-schema-form]

Angular Schema Form is an AngularJS module for generating forms from a spec that follows the JSON Schema IETF standard.

https://github.com/json-schema-form/angular-schema-form

Angular Schema Form is a set of AngularJS directives and services.

It can:

  • Create a form directly from a JSON schema.
  • Validate form fields against that same JSON schema.
  • Manage templates for various data types.

Schema Form uses convention over configuration, so it comes packaged with some sensible defaults. You can customize it by changing the order and types of form fields, as well as using add-ons for custom input types.

By maintaining a separate UI schema it allows the developer to generate multiple forms that access various fields in the same data set without changing the data model schema.

136 questions
21
votes
2 answers

managing complex web forms

I work on an application, the core of which is a very complex set of web forms. The source of this complexity scale, some forms contain about 50 pages, which up to 30 questions on each page complex rules, e.g. if the user answers "no" to question…
Dónal
  • 185,044
  • 174
  • 569
  • 824
8
votes
2 answers

What's the relation between schema and form in angular-schema-form?

In my angular project I need to create some forms dynamically. I did some googling for this and found a module angular-schema-form. It seems this is exactly what I want, but the problem is I do not understand how to keep schema and form. What is the…
Bharat Bhushan
  • 2,077
  • 2
  • 21
  • 34
6
votes
1 answer

angular schema-form modal....problems with $scope

Plunker This plunker allows you to edit rows in a grid. I have created a new method based on RowEditCtrl to insert a new row but am having trouble with the validation. When I insert a new row, the form is "pristine and valid". In the insert method,…
Reptile
  • 353
  • 1
  • 2
  • 12
6
votes
1 answer

angular-schema-form: Add custom html to form fields

I have just started to look into angular-schema-form, so this might be something I've missed in the docs or description. What I am trying to do is to add an icon next to the label of generated form fields and next to the field itself. Like so: But…
SuneRadich
  • 178
  • 1
  • 14
6
votes
2 answers

Using Angular translate within controller, for data brought by service

I have the following scenario: I have a JSON file with this kind of data: "IOS_TABLET_DOWNLOAD_URL": { "type": "string", "minLength": "5", "title": "IOS_TABLET_DOWNLOAD_URL", "description":…
DJ22T
  • 1,628
  • 3
  • 34
  • 66
4
votes
1 answer

How do I create a custom widget in angular2-json-schema-form

Has anyone managed to create custom widgets and layouts for form controls using angular2-json-schema-form? I cannot find links to any documentation or examples.
Neil
  • 2,802
  • 8
  • 34
  • 49
4
votes
0 answers

Does Angular Schema Form support nested array conditions

I'm using the Angular Schema Form js library for a project and have a schema with a 3 level deep array. In the form JSON I want a condition on one of the fields in the nested array. In conditions the only way I know to reference an array element in…
Joel Kent
  • 236
  • 2
  • 5
4
votes
1 answer

How to style form element in the angular-schema-form schema and not the form?

I am building a form using the awesome angular-schema-form. I am able to create my form schema object quite successfully. I am wanting (hoping) to be able to set all the form components in the schema using the x-schema-form property in the schema…
Brent R
  • 149
  • 3
  • 10
3
votes
1 answer

Angular-6-JSON schema form Error: Nested Arrays getControl error: Unable to find "0" item in FormGroup

Hello I'm currently working on a project that uses JSON schema form Keep getting the following error when using a layout for nested arrays which have recursive schema references Nested Arrays getControl error: Unable to find "0" item in…
Neil
  • 2,802
  • 8
  • 34
  • 49
3
votes
1 answer

How does Angular Schema Form work?

Why does Angular Schema Form have both a json form and a json schema that are separate? It seems that some of the properties in the form could be in the schema and vice-versa. For example, in the simple example on the schemaform.io website we have…
Tom
  • 3,006
  • 6
  • 33
  • 54
3
votes
1 answer

angular-schema-form default, hidden values

I want to build a (section of a) form which produces the following output: { ... offers: { context: "http://schema.org", minPrice: 3 } ... } The catch is, context should always be present - the only field the user gets to…
Carlos Romero
  • 698
  • 8
  • 18
3
votes
1 answer

How to handle onChange with Angular Schema Form Checkbox boolean?

I can't seem to get this onChange event to fire. I have added the method to the code as per the documentation but nothing is happening. $scope.schema = { "type": "object", "title": "Comment", "properties": { "comment": { "type": "array", …
Tyler Jones
  • 135
  • 10
3
votes
1 answer

Angular Schema form - Override the input type of a field

Consider the schema { "type": "object", "title": "Comment", "properties": { "name": { "title": "Name", "type": "string" }, "gender":{ "title":"Gender", "type":"string", "enum":["m","f"] }, …
Sachin Murali G
  • 575
  • 6
  • 25
3
votes
1 answer

Specify Angular Schema Form Select drop down options using scope

I've been looking at using Angular Schema Form to define all my forms for my project but one thing that stood out to me massively is that when we define a select/drop-down element, the values have to be specified then and there in the JSON. This…
Glamdring
  • 69
  • 2
  • 7
3
votes
1 answer

Angular Schema Forms: Master Schema

I'm writing a financial application form. Angular Schema Forms is perfect for the kind of flexibility I need to make the forms. I'm having a bit of trouble getting my head around the concept of a schema, in particular: should a schema relate to a…
reach4thelasers
  • 26,181
  • 22
  • 92
  • 123
1
2 3
…
9 10