JSFiddle - React, Tailwind, and code Playground

by jhoguet

HTML

<div ng-app="myApp" ng-controller="childController">
    <script type="text/ng-template" id="child-summary.html">    
        <h1>{{child.fullName}}</h1>
        <p>{{child.fullName}} is {{child.age}} years old and loves <em>{{child.toy}}</em></p>
    </script>
    
    <div ng-include="'child-summary.html'"></div>
</div>

JavaScript

// can I morph something in the view to match my template...
angular.module('myApp', [])
.controller('childController', function ($scope) {
        $scope.child = {
            fullName : 'Lance Hoguet',
            age : 2,
            toy : 'Trains'
        }
});