JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="IncludeCtrl">
    <div class="tabs">Include: <button data-ng-click="tab = 'form.html'">Form</button> <button data-ng-click="tab = 'preview.html'">Preview</button></div>
    <div ng-include="tab"></div>
</div>
<script type="text/ng-template" id="form.html">
    <form>
        <input type="text" ng-model="form.title" />
        <textarea ng-model="form.text"></textarea>
    </form>
</script>
<script type="text/ng-template" id="preview.html">
    <div><label>Title:</label> {{ form.title }}</div>
    <div><label>Text:</label> {{ form.text }}</div>
</script>

CSS

input[type="text"],
textarea {
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.tabs { margin-bottom: 1em }

JavaScript

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

app.controller('IncludeCtrl', function($scope) {
    $scope.form = {
        title: 'Lorem ipsum',
        text: 'Dolor sit amet',
    }
    $scope.tab = 'form.html';
});