<!DOCTYPE html> <html> <head> <title>AngularJS ng-model Two way data binding</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <div ng-app="my_App" ng-controller="myCtrl"> <label>Name :</label> <input ng-model="name" placeholder="website name"> <h2>Website Name : {{name}}.</h2> <h3>(or)</h3> <h2>Website Name : <a href="http://{{name}}" target="_blank">{{name}}</a>.</h2> </div> <script type="text/javascript"> var app = angular.module('my_App', []); app.controller('myCtrl', function($scope) { $scope.name = "www.freetimelearning.com"; }); </script> </body> </html>
Output :
Topic :
ng-model Two way data binding
