JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">
<div ng-controller="parentCtrl">
    <div ng-repeat="currentMessage in messageList">
        <label>{{currentMessage.text}}</label><input type="text" ng-model="currentMessage.inputValue" ng-value="currentMessage.text" />
    </div>
    <div ng-repeat="currentMessage in messageList">
        <label>{{currentMessage.text}}</label><input type="text" ng-model="currentMessage.inputValue" ng-value="currentMessage.text" />
    </div>
    <div>{{messageList[0].text}}</div>
    <button class="btn" ng-click="enteredText(messageList)">Test it.</button>
    <div>{{testedText}}</div>
</div>
</body>

JavaScript

//Switch between commented/uncommented

angular.module('myApp', [])
.controller('parentCtrl', ['$scope', function($scope){
    $scope.message="Hello";
    $scope.messageList = [{'text': 'hi '}, {'text': 'there'}];
    for(var i in $scope.messageList) {
        $scope.messageList[i].inputValue = 'awesomeness';
    }
    // $scope.obj={message:"Hello"}
    $scope.enteredText = function(input) {
        console.log(input);
        $scope.testedText = input[0].inputValue;
    };
}])
.factory('textFactory', ['$scope', function($scope){
    alert('Hello.');
}]);