JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myapp" ng-controller="Ctrl">
    
    <div ng-view></div>
    <script type="text/ng-template" id="one.html">
        inside view:
        <div ng-repeat="item in repeat_data">
            {{item.key}}: <input type="text" ng-model="item.value" />
        </div>
        <input type="text" ng-model="test" /><br />
    </script>
    
    <br />
    outside view:
    <div ng-repeat="item in repeat_data">
        {{item.key}}: {{item.value}}
    </div>
    {{test}}
    
</div>

JavaScript

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

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/one', {
        templateUrl: 'one.html'
    });
    $routeProvider.otherwise({redirectTo: '/one'});
    $locationProvider.html5Mode(true);
});

function Ctrl($scope, $route) {
    $scope.test= "test value";
    $scope.repeat_data = [
        {key:'one',value:'a'},
        {key:'two',value:'b'},
        {key:'three',value:'c'}
    ];
}