Controlling model input with ngModelOptions
This new helper directive introduces a new vector of control over model access and updating to the developer. Formerly, using ng-model bound to an input meant that validation or any verification of value change needed to happen in a controller helper method or in a scope watcher, neither of which ever felt very clean. With ngModelOptions, you are now able to make decisions about how and when the model will get updated.
Getting ready
The ngModelOptions directive will most directly benefit you while developing an AngularJS form, since it implicitly provides namespaces to the inputs within the form that are used by some of this directive's features. Suppose that for all the examples in this recipe, you begin, as follows:
<div ng-controller="PlayerCtrl">
<form name="playerForm">
Name:
<input type="text"
name="playerName"
ng-model="player.name"
...
The rest of the chapter is locked
83
Tech Concepts
36
Programming languages
73
Tech Tools
Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
50+ new titles added per month and exclusive early access to books as they are being written.
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Authors (1)
Personalised recommendations for you
Based on your interests and search pattern
