How do I: create fields that depends on each other

[schadedk]

Hi,

I have two select local fields, were the content of one of them, should depend on the value of the other.

Eg: select 1: "Letters, "Digits"
Select 2: should contain "A","B","C" when select 1 is "Letters"
Select 2: should contain "1,"2","3" when select 1 is "Digits".

Is that possible to accomplish?

[schadedk]

I don't know if this is the right way to do it, I did accomplish it, and this is what I did:

<span editable-select="select1" e-class="select-field" onshow="showingSelect1(this)....>
<span editable-select="select2" e-class="select-field" e-ng-options="s.Id as s.Text for s in select2data" ...>

On my controller the showingSelect method did the following:

$scope.showingSelect = function (selectDirective) {

selectDirective.$watch('$data', function () {
<<when data is change change the value for select2data >>
});
};

[vitalets]

@schadedk you solution works but I think the more right way not to watch hidden $data variable, you may watch
directly value of first select.
Please have a look:
http://jsfiddle.net/NfPcH/214/

[schadedk]

Thanks!

Your solution is much nicer, and is just what I was looking for.

Thank you for your help!

[vitalets]

You are welcome :)

[ghost]

Hi @vitalets ,

I am working on dates with the same technique.

How can I achieve the same if I have multiple fields (ng-repeat) ?

Scenario: I have month and day fields. Number of days in a month is displayed when the month is selected.. I have months and days inside ng-repeat.

Regards,
Ajju

[pavi95]

I am working on dynamic drop downs. Tried with your possible solutions but not able to achieve.. Please help me out!! @vitalets @schadedk

[ckosloski]

@pavi95 can you provide a jsfiddle/plunkr showing your issue?

[ghost]

Yeah, please do so...

…

On Mon, 17 Apr 2017, 18:48 ckosloski, ***@***.***> wrote: @pavi95 <https://github.com/pavi95> can you provide a jsfiddle/plunkr showing your issue? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#45 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABT8aqZTQ5VTh2NBpG8jBhZjBBjvFuhmks5rw2bBgaJpZM4BM8i_> .

[pavi95]

@ckosloski @ajjublr Thanks for your valuable time man. I found this fiddle.. It helps me out.. https://jsfiddle.net/32kzsvve/1/ it may help others