selmankahya / angularjs-form-builder Goto Github PK

Could be usefull

Does this support table element.

When i open the forms page, the whole json file is displayed for 2-3 secs and after that form is displayed. is it a quirk ?..or can i hide that json data. any help would be much appreciated.

Is it possible to do form like this http://screencast.com/t/StxK4qwDtvkk using angularjs-form-builder?

Definitions

• Form Schema (AKA "Schema") A JSON Schema document which describes a form (e.g. a Contact Name & Address Form), and which the data of that form could be validated against.
• Form Schema Specification (AKA "Spec") - A JSON Schema document which can be used to validate a Form Schema.

Issues

1. Form Schema should be a JSON Schema against which the form's data could be validated using a standard validator. Right now, this project builds a Form Schema (e.g. the JSON description of the form at the bottom of the editor), but it is not a JSON Schema compliant schema. Thus server side or other more advanced validation is difficult to implement. This other project, angular-schema-form, creates the form from the schema and also validates the form fields against the same schema; and it is a JSON Schema schema.
2. There should be a Form Schema Specification against which a Schema can be validated, and which simultaneously could be used by Angularjs-form-builder to configure the options available to the form builder; and the Form Schema Specification should be a JSON Schema schema. Right now, the reference / standard for what fields are available in the program is the code itself. For example, field-directive.js , form-service.js, etc. And, given a Form Schema (e.g. the JSON Description of the form at the bottom of the builder page) there is no way to validate that the object is valid - it could have a typo, or request an invalid widget / field, etc.

If these two issues were implemented, a few very cool things become true. . . First, other programs could use the output of Angularjs-form-builder (e.g. a Form Schema generated by a user) by implementing the fields / widgets / etc. defined by the Form Schema Specification. Second, users could potentially add additional field types / options / etc. more easily without forking the code; simply by using their copy of the code with a different form schema specification. For example, perhaps a user wanted to permit only true/false questions to be built using the application. They could remove the other permitted fields from the spec.

Please register this as a bower component

Hello buddy,

About About Date picker and select defulat null.

Are you planning to resolve these issue in near time? I am planing to use your this angular plugin for one project.

Thank you.

`git clone [email protected]:/selmanh/angularjs-form-builder.git
Cloning into 'angularjs-form-builder'...
Warning: Permanently added the RSA host key for IP address '192.30.253.112' to the list of known hosts.
Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.`

Hi, great job in this plugin!

Its possible populate the dropdown with http json data? has any callback or hook for this?

thanks in advance.

How about a field type that is a form too.

Empty option appears as the first child of select element and default value doesn't get selected.

Empty option appears as the first child of the select element.

There is a workaround for the issue which requires using <select ..> <option ng-repeat=.. and I guess it is not the ideal way, should use <select ng-options..></select>.

Thanks for your form-builder.
Can i use ui-router instead ngRoute?
It seems to me i need change only $routeParams on $stateParams view.js in
FormService.form($stateParams.id).then(function(form) {
$scope.form = form;
}); ?

What about license?

I was able to fix empty option by adding ng-init="field.field_value=1" to select tag (empty option shows up because default value is not set), however I wasn't able to achieve to dynamically change default selected value according to the default value that user has entered on create page.

However, I was able to solve both problems (Empty Option and Default Value) by adding ng-repeat to option tag, but I'm not sure this is the best approach, that's why I didn't make a PR. If you would accept that as a fix I can still do it.

How we can implement dynamic form in Angular 2+.

I was wondering if you had any plans to logically visibility of form elements triggered form other form elements like cahnge in values, selected specific values and so on.

Hi,

would it by possible to publish a version that can be available via bower directly without the need to build it on my own?

Thank you.

$scope. is undefined

I am using this form builder with AngularJS v1.4.5 it gives me the following error Please suggest me the solution

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.5/$injector/modulerr?p0=angularjsFormBuilde…orm-builder%2Fapp%2Fbower_components%2Fangular%2Fangular.min.js%3A40%3A435)

Hello,

It is an issue to be honest,it is actually a call for help :)

I tried to add an attribute directive as below:

myApp.directive('boundModel', function () {
    return {
        require: ['^fieldDirective','ngModel'],
restrict:'A',
        scope : {

        },
        link: function (scope, elem, attrs, ngModel) {
            scope.$watch(attrs.boundModel, function (newValue, oldValue) {
                if (newValue != oldValue) {
                    ngModel.$setViewValue(newValue);
                    ngModel.$render();
                }
            });
        }
    };
})

And I added the below to the textfield html:

<div class="field" >
    <div class="span2">{{field.field_title}}:</div>
    <div class="span4">
        <input type="text"
               ng-model="field.field_value" readonly
               bound-model="{{field.field_function}}"
               ng-required="field.field_required"
               ng-disabled="field.field_disabled">
        <span class="required-error" ng-show="field.field_required && !field.field_value">* required</span>
    </div>
</div>

I have tried to make the field directive as transcluded but with no luck.
Any ideas how to nest the above mentioned directive?

Thx,

To add a custom field would require forking this repo. Would it be possible to be able to register templates in the config phase?

Or follow Convention-Over-Configuration and just append the field type name to the templateUrl.

Currently, once cloned, this application doesn't run. But, I think a quick update on the version for the SASS dependency will fix the problem.