formly-js/angular-formly

AngularJS directive which takes JSON representing a form and renders to HTML

Adish Upadhyay

@adishupadhyay_twitter

how to set the same value on select box field while editing the row using formaly

fchowdhury1

@fchowdhury1

Hi, new to formly .. is it possible to call a function from another controller when a checkbox is checked?

another question is how to pass an event when a checkbox is checked?

Kannan Thangadurai

@kannan08

HI All, how to delete modeldata value while hide the field in angular formly?

apratina

@apratina

Hi guys, question, anyone has an example of how to put a tooltip on an input field?

Hector Mota

@mota57

how do you show a certain page in angularjs by roles let say if im admin I can see any template or directiver. if I am not an admin let say "userRoleFoo" I just can see some templates .

any Idea?

Jaygiri

@Jaygiri

@apratina I have created an example for you: http://jsbin.com/qexekeg/5/edit?html,js,output

yentheo

@yentheo

Hi,
I made a custom field type so I could use Angular Material 2 templates and some custom stuff perhaps
So this is what I made

import { FieldType } from 'ng-formly';
import { Component } from '@angular/core';

@Component({
    template: `
        <md-input-container>
            <input mdInput [type]="to.type" *ngIf="!to.hidden" [formlyAttributes]="field" [placeholder]="to.placeholder" [formControl]="formControl"
                [min]="to.minLength" [max]="to.maxLength" [min]="to.min" [max]="to.max" [pattern]="to.pattern" />
        </md-input-container>
    `
})
export class InputComponent extends FieldType { }

I registered this in my module as:

        FormlyModule.forChild({
            types: [
                { name: 'input', component: InputComponent },
                { name: 'date', component: DateComponent }
            ]
        }),

this does work, but when I create a field with a key and I have a model with the same key and a value, it doesn't show as the value of the input

what am I doing wrong?

If I do ng.probe on the input element it has a formcontrol with the correct value, so the form control is correctly bound to the input, but it is not showing

yentheo

@yentheo

Hmm I notice this is for AngularJS and not Angular :(

Ash

@ashthespy

Looking for some pointers on how to get formly to work well with the translate (formly-js/angular-formly#373)

I can't seem to get the radio labels to translate in this example - https://jsbin.com/tuniqe/2/edit?html,js,output

Narendran n

@raingopi3_twitter

is it possible to load dropdown data after selecting one dropdown data

Erica Gucciardo

@egucciar

Yes , I've done that

Narendran n

@raingopi3_twitter

Can give me the code you done.

Erica Gucciardo

@egucciar

Can you make an issue on GitHub. I could have time to answer but it's 2:45 am right now. Also I'll need to come up with a method which doesn't involve the custom forked code I wrote in the formly core (it's possible but still needs some tweaks)

venkatzifo

@venkatzifo

Hi Guys, Does Angular Formly has Drag and Drop feature? I am looking for a form builder with Drag and Drop feature using Angular 1. Any suggestions for that?

Erica Gucciardo

@egucciar

Look at the GUI section on the docs. There are a few existing open source angular formly GUI

One has drag and drop

venkatzifo

@venkatzifo

Thank You @egucciar . Using those open source libraries, Can I use angular formly fields to build the form and drap and drop to rearrange those fields ?

Erica Gucciardo

@egucciar

Look into those GUI projects to see if any suite your needs. Angular formly provides a framework , but form builder / drag and drop isn't provided by the library. I think one of the projects on the GUI page is essentially a drag and drop form builder, though

venkatzifo

@venkatzifo

Hi Guys, Is it possible to make the form field label clickable. I want to edit the field properties on clicking field label. How can I do that ?

ashwini kumar

@ashwini1081_twitter

friends, for "checkbox" how to go from true/false to Y/N ...any pointers?

ashwini kumar

@ashwini1081_twitter

@ashwini1081_twitter perhaps i should come here often...after sending my previous message, i found this link https://stackoverflow.com/questions/31947557/getting-value-of-fields-on-submit and that solved my problem :)

@ashwini1081_twitter but if there is a better way, then please let me know

ashwini kumar

@ashwini1081_twitter

anyone? how do i bind my checkbox to values "Y" & "N" (not default true/false)?

Erica Gucciardo

@egucciar

Would use radios and options

Erica Gucciardo

@egucciar

Umm for checkbox you could do maybe like an interface with the model? I've done this before in a controller with dual $watches for the model and the value and a flag to prevent infinite loops. Not beautiful but it works :/

ashwini kumar

@ashwini1081_twitter

Thanks Erica

used options; it simplified everything

Another very common question. How do I convert empty strings in angular-formly fields to NULL? i.e '' -> NULL? What is the best formly way of doing it?

ashwini kumar

@ashwini1081_twitter

https://asyoulook.com/computers%20&%20internet/javascript-empty-fields-not-included-on-form-submit-when-using-angular-formly/731762 worked for me, but is there a formly way of validating+translating empty-string to NULL

ashwini kumar

@ashwini1081_twitter

summary: trying to change {key=''} to {key=null} in formly. Whats the best way? (i tried following options: loop in "onSubmit" function, add a "validator" to field, sneaked code in "hideExpression" etc.

Kalpit Pandit

@PanditKalpit_twitter

Hello everyone

Facing one small problem in angular-formly while integrating it with angular-translate

Kalpit Pandit

@PanditKalpit_twitter

formly-js/angular-formly#760

Danny Callaghan

@dannycallaghan

Hi all. I was of the understanding that if a formly element is hidden (using either 'hide' or 'hideExpression' or both) that, as that element was no longer in the DOM, the value would no longer be in the model. I can see, now, that this isn't the case. Is this as intended? Is there a way I can remove that value from the model if the element isn't in the DOM? Thanks.

Danny Callaghan

@dannycallaghan

OK, forget it. Found this after further research -> https://github.com/formly-js/angular-formly/issues/380#issuecomment-120494575 . Seems a bit weird to me :/

Manu Singhal

@manusinghal19

Hey Guys, I need to add a css class to div element containing a fieldGroup form. any suggestion how to do that?
Whatever className I provide to fieldGroup, It gets added correctly and as expected to form element, But for adding a css class to the parent div, I am not able to figure it out.

For e.g.
fields = [
{
className: 'row',
fieldGroup: [...]
}
]
Gives me this:

What I need is :

Please help. Thanks

Manu Singhal

@manusinghal19

For e.g.

fields = [
    {
        className: 'row',
        fieldGroup: [...]
    }
]

Gives me this:

<div formly-field="" class="formly-field ng-scope ng-isolate-scope formly-field-group" ...>
       <ng-form class="row formly ng-pristine ng-valid ng-scope ng-isolate-scope" ...>
       </ng-form>
</div>

What I need is :

<div formly-field="" class=" MY_ROW_CONTAINER_CLASS formly-field ng-scope ng-isolate-scope formly-field-group" ...>
       <ng-form class="row formly ng-pristine ng-valid ng-scope ng-isolate-scope" ...>
       </ng-form>
</div>

Please help!

Manu Singhal

@manusinghal19

I anyone out there to help!!
Please!!

hanyangzao

@hanyangzao

hello,everyone
Who used ’ formly builder’?

Erica Gucciardo

@egucciar

Manu there's no way to do it with field group as far as I know.

Fedoua Jnt

@FedouaJnt

hey anyone could help please

Erica Gucciardo

@egucciar

With what fedoua?

Fedoua Jnt

@FedouaJnt

in php

s94983

@s94983

how to remove the blank line in angular-formly and type is select ?

BruceRobertson

@BruceRobertson

In templateOptions

notNull: true

definitely works if you're using the bootstrap templates Bootstrap templates

Where communities thrive

People

Repo info

Activity