Mastering ng-model: Two-Way Data Binding in AngularJS

Contents

Add an input element with the ng-model directive referencing a scope variable — in this case, message:

To see the instant binding effect, add a display paragraph:

You typed: {{ message }}

Here’s what the full HTML looks like combining all the above:

<!DOCTYPE html>

ng-model Input Binding Example

AngularJS ng-model Input Binding

You typed: {{ message }}

Updated on July 4, 2025

Was this article helpful?