JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.2/angular.min.js"></script>
<script src="https://rawgit.com/pcw216/angular-watch-require/master/dist/watchRequire.js"></script>
<script src="https://rawgit.com/pcw216/angular-watch-when/master/dist/watchWhen.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="model in models" >
            <input ng-model="model.name" />
            <a ng-click="app.selectedModel = model" style="cursor:pointer"> select </a>
        </li>
    </ul>
    
    <div>
        <span>{{::?^app.selectedModel::app.selectedModel.name}}</span>
    </div>
   
</div>

JavaScript

angular.module('myApp', ['ngWatchRequire', 'ngWatchWhen'])
.controller('MyCtrl', function($scope){
    $scope.app = {}
    $scope.models = [
        {name:'first'},
        {name:'second'},
        {name:'third'}
    ]
    $scope.$watch('?app.selectedModel', function(){})
    $scope.app.selectedModel = $scope.models[0]

});