JSFiddle - React, Tailwind, and code Playground

by jhoguet

HTML

<div ng-app ng-controller="SomeController" >
    <script type="text/ng-template" id="child-summary.html">    
        <h1>{{person.fullName}}</h1>
        <p>{{person.fullName}} is {{person.age}} years old</p>
    </script>
    <ul>
        <li ng-repeat="child in children | limitTo:1" ng-include="'child-summary.html'" onload="person={ fullName : child.name, age: child.age}"></li>
    </ul>
</div>

JavaScript

function SomeController($scope){
    $scope.children = [{ name : 'lance', age : 3}];
    setTimeout(function(){
        
        $scope.children[0].age = 4;
        alert('changed');
    }, 1000);
}