JSFiddle - React, Tailwind, and code Playground

by dmitri14

HTML

<body ng-app="myModule" ng-controller="myController">
    <input type="text" ng-model="user.firstName"/>
    <div>Hello, {{user.firstName}}!</div>
    
    <div ng-repeat="user in users | filter:user">
         {{user.firstName}} {{user.lastName}} - Age: {{user.age}}
    </div>
    
    <button ng-click="changeFirstUsersFirstName()">Change Name</button>

</body>

JavaScript

var myModule = angular.module('myModule', []);

myModule.controller('myController', function($scope) {
    $scope.users = 
        [
          {firstName: 'Jane', lastName: 'Doe', age:29}, 
          {firstName: 'John', lastName: 'Doe', age: 32}
        ];
    
    $scope.changeFirstUsersFirstName = function() {
        $scope.users[0].firstName = 'Jill'
    };

});