Can I use ng-model with isolated scope?

by

Replacing scope: true with scope: { datetime1: '=ngModel'} in your first fiddle seems to work fine — fiddle. Unfortunately, the link to your “example” fiddle is broken, so I’m not sure what you tried there.

So, it would seem that ngModelController can be used with an isolate scope.

Here’s a smaller fiddle that uses ng-model in the HTML/view, an isolate scope, and $setViewValue in the link function: fiddle.

Update: I just discovered something rather interesting: if the isolate scope property is given a different name — e.g., say dt1 instead of datetime1 — scope: { dt1: '=ngModel'} — it no longer works! I’m guessing that when we require: 'ngModel', the ngModelController uses the name in the HTML/view (i.e., the ng-model attribute value) to create a property on the isolate scope. So if we specify the same name in the object hash, all is well. But if we specify a different name, that new scope property (e.g., dt1) is not associated with the ngModelController we required.

Here’s an updated fiddle.

More Related Contents:

  1. ng-model for “ (with directive DEMO)
  2. angularjs 1.6.0 (latest now) routes not working
  3. How to iterate over the keys and values with ng-repeat in AngularJS?
  4. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  5. AngularJS execution order with `$q` — Chaining Promises
  6. Show spinner GIF during an $http request in AngularJS?
  7. Can you override specific templates in AngularUI Bootstrap?
  8. AngularJS-Twig conflict with double curly braces
  9. How to send POST in angularjs with multiple params?
  10. How do I escape curly braces for display on page when using AngularJS?
  11. unsafe link in angular
  12. Custom form validation directive to compare two fields
  13. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  14. Loading a mock JSON file within Karma+AngularJS test
  15. Binding variables from Service/Factory to Controllers
  16. Angularjs how to cancel resource promise when switching routes
  17. How to highlight a current menu item?
  18. How can you limit the value from input using AngularJS?
  19. Error : getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
  20. How to make orderby filter work on array of strings?
  21. Enable/Disable Anchor Tags using AngularJS
  22. How do i use $on in a service in angular?
  23. Illegal use of ngTransclude directive in the template
  24. AngularJS $q. Deferred queue
  25. How to master AngularJS? [closed]
  26. Understanding the transclude option of directive definition?
  27. How to integrate AngularUI to AngularJS?
  28. angularjs text area character counter
  29. how to pass querystring in angular routes?
  30. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?

Leave a Comment