angularjs--bidirectional Data Binding example

Recently in doing Hybird App, contact with Angularjs, feel very cool, today share under Angularjs one of the core functions: two-way data binding.

We add a form to the page:

<! DOCTYPE html>

After that, define the module with the controller and bind our model and events in the controller.

var userinfomodule=angular.module (' Userinfomodule ', []); /* Define Module */userinfomodule.controller (' Userinfocontrol ', [' $scope ', function ($scope) {/* define controller, and inject object */$ scope.userinfo={/* Initialize data */email: "[email protected]", Password: "1112345", autologin:true}, $scope. getformdata= function () {/* Gets model data */console.log ($scope. userInfo);}; $scope. Setformdata=function () {/* Set data */$scope. Userinfo={email: "[email protected]", Password: "000000000000", Autologin:true};}; $scope. Resetformdata=function () {/* Reset data */$scope. Userinfo={email: "[email protected]", Password: "1112345", Autologin : true};};);

Code parsing:

After use, the biggest feeling is that the DOM operation is less, the data two-way binding, the page changes the value of the form, do not have to re-fetch value, very convenient.

angularjs--bidirectional Data Binding example