JSFiddle - React, Tailwind, and code Playground

by Mohamed Rias

HTML

<!DOCTYPE html>
<html>
<head ng-app="app">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-controller="controller">
<form>
<div  ng-repeat="data in data|limitTo:1">
<p>{{data.f_name}}</p> <!--displays the value-->
<input type="text" ng-model="v.name" value="{{data.f_name}}"/> <!--empty values-->
<input type="text" ng-model="v.id" value="{{data.id}}"/> <!--empty values-->
<button ng-click="push(v)">
</form>
</body>
</html>

JavaScript

angular.module("app",[])
  .controller("controller",function($scope) {
  $scope.data = [{
    f_name : "Rias",
    id : "1"
  },{
    f_name : "Rias",
    id : "1"
  }];
  $scope.v = {
    
  };
});