JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="listApp">
    <div ng-controller="listController">
        my name is <input type="text" ng-model="name"/>
        <ul ng-repeat="friend in friends">
            <li>Hi {{friend}}, {{introduce()}}</li>
        </ul>
    </div>
</body>

JavaScript

angular.module("listApp", [])

.controller("listController", function ($scope) {
    $scope.friends = ["Lily","Kate","Mike"];
    $scope.introduce = function(){
        return "this is " + $scope.name + ".";
    };
});