vlio20 / angular-material-form-builder Goto Github PK

Is there a way to keep values and form fields decoupled ?

Hi there, first of all thank You for such great component.
I'm planning to use it, but there are two things I think are missing - there should be an option to reorder questions and delete them.
This way form builder would be complete.

hi any ideas on an angular 2 form builder

You have done an awesome job creating this library.

i have read that you didn't planned to implement it in angular X, but since it's needed, please do!

at least for the matrix!! it's indeed.

Also, please make it available as nmp package.

Unable use this in angular 1.6.1 version and receive the following error,
TypeError: Cannot read property 'hasOwnProperty' of undefined at e.<anonymous> (http://localhost:14823/angular-material-form-builder-master/dist/scripts/app.js:510:14) at Array.forEach (native) at e.extend (http://localhost:14823/angular-material-form-builder-master/dist/scripts/app.js:509:31) at new i (http://localhost:14823/angular-material-form-builder-master/dist/scripts/app.js:115:29) at Object.invoke (http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:4842:19) at $controllerInit (http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:10695:34) at nodeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:9572:35) at http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:9980:13 at processQueue (http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:16648:37) at http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js:16692:27

Add select item to the existing once

Hello, first for most i want to say you done a very good job.

• Now i want to know how to add File "upload field" ?
• And also how to add submit button ?
• And how i can customize error message ?
• And how to add 1,2,3 or 4 fields inline ?
  And in a demo there are only few types of fields, i want to know if you can give me a "complete Json Parameters".

Thank

Is there an angular 2 version for this form builder?

Just trying to figure out If I have json predefined in file or somewhere in my html/controller/etc how to generate material elements this way. First thing I renamed <pre>{{main.form | json}}</pre> into<textarea>{{main.form | json}}</textarea> but if I modify json in textarea the material elements did't reflect the changes so then I modified the main.controller like that:

  var json = {
    "items": [
        {
        "type": "textarea",
        "props": {
            "title": "",
            "helpText": ""
        },
        "config": {
            "required": false,
            "placeholder": "From Json"
        },
        "value": ""
        }
    ]
    };

  /** @ngInject */
  function MainController() {
    vm = this;
    vm.form = json;
  }

But seams to be form-builder not working this way. Any thoughts how to make it working?

Hi @vlio20 ,

first of all, thank you for this library. We have forked it some years ago to add some changes, and we are using it in our project. Nowe we needed to refactor and update the whole software, so after moving from Angular 1.5.x to 1.8.x, we needed also to update this library, since we were getting some runtime errors.

In fact, in our project we are still using AngularJS and we are not yet able to get rid of it, moving to a more modern framework. However we moved our full toolchain, ditching yeoman, bower, grunt and other old dusty stuff like that.

Therefore, I made a full refactor of your repository here in this branch https://github.com/xcally/angular-material-form-builder/tree/modern-js

There are several major changes. Here's the list:

• support for Angular 1.8.x (but I did not mind backward compatibility)
• refactor of all components using ES6 classes and separating controller files from directive files
• addition of two more items, label and agreement, which were useful for our use case
• use webpack 5 + babel instead of gulp-yeoman build toolchain
• changed a bit the directory structure, separating the demo app from the library.
• library files are also now correctly identified in package.json
• we set version number to 1.0.0

I basically only need to setup again the tests environment, and I'd like to do it with Jest.

That said, I tried this new library version in both the demo included and in our project and it seems working fine.

We'd like to publish this package on npm, since yours was only available in bower, which will be soon discontinued, not mentioning the troubles with hidden dependency packages.

Do you mind if we take care of publishing this new version of the library on npm from our fork? We'd of course cite you as the original author. Otherwise let me know if you prefer to have a look at the changes first and keep maintaining this package and also take care of the npm publishing.

In the latter case we can easily make PRs.

Sorry for the long text 😅 , looking forward for your reply.

I've noticed when having a lot of questions it is hard to navigate.
Maybe You could use something like accordion-panel (expand-collapse) for each question. This way it would be possible to collapse all question and show only their title, like in material design docs (https://material.angularjs.org/latest/demo/content - just click show code button, then content expands)
Having this it would be easy to add drag reorder like this: http://a5hik.github.io/ng-sortable/#/kanban

Why it only generate comment when I use directive :
<!-- ngRepeat: item in form.items track by $index -->

Thanks in advance