Custom validation directive with isolated scope in angularjs?

Question

Take a look at the following JSFiddle: http://jsfiddle.net/AaQtz/21/. As you can see, the custom validation runs and when the value is considered valid it is updated in the model.

However, when I add scope: {}, to the directive, the model is no longer receiving updates when the value is valid. Why is this? This behaviour makes it very hard to build a directive that validates a field depending on other fields (fields I would like to pass using the scope, such as scope: { somefield: '=' },). JSFiddle showing the problem: http://jsfiddle.net/JYUmT/1/.

Can anyone explain this?

Community · Accepted Answer · 2017-05-23 12:14:06Z

3

ng-model and isolate scopes do not mix: Can I use ng-model with isolated scope?

Use $eval or $parse to pass/examine attributes in a directive that doesn't use an isolate scope: https://stackoverflow.com/a/15725402/215945

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Jul 17, 2013 at 13:55

Mark Rajcok

365k114 gold badges501 silver badges494 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

joscarsson Over a year ago

Thanks for the notes on $eval and $parse, useful. I would be interested in an explanation to why "ng-model and isolate scopes do not mix", but I'll accept this as I understand that might be an implementation detail.

Collectives™ on Stack Overflow

Custom validation directive with isolated scope in angularjs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related