JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<!-- App -Controller -->
<div ng-app="myApp" ng-controller="myCtrl">
  First Name: <input type="text" ng-model="firstName"><br>
  Last Name: <input type="text" ng-model="lastName"><br>
  <br>
  Full Name: {{firstName + " " + lastName}}
  <!-- Validation -->
  <form name="myForm">
    <input type="number" name="phone" ng-model="text" />
    <span ng-show="myForm.phone.$error.number"> Not a valid Number</span>
  </form>
 <!-- Directive -->
<div joes-directive>
</div>
</div>

TypeScript

//Angular JS Basics
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
//var app = angular.module('myApps', []);
app.directive('joesDirective',function(){
	return {
  	template:"Hi Joe"
  }
});