JSFiddle - React, Tailwind, and code Playground

by Sunny SM

HTML

<h2>App with controller</h2>
<div ng-app="Sun"  ng-controller="sunCont">
  <p>
  First Name : <input type="text" ng-model="data.firstName">
  </p>
  <p>
  Last Name : <input type="text" ng-model="data.lastName">
  </p>
  <p>
  <h3>Your Name is : {{data.name()}}</h3> 
  </p>
</div>

JavaScript

var formData= angular.module("Sun",[]);
formData.controller('sunCont',function($scope){
	$scope.data={
    firstName:"Sunny",
    lastName:"Attwal",
    name:function(){
      var dataObj = $scope.data;
      return (dataObj.firstName+" "+dataObj.lastName);
    }
  };
});