JSFiddle - React, Tailwind, and code Playground

by shahmirn

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<div ng-controller="TestController">
<div id="section">
    <div id="section-data">Test</div>
    Select Test Result: {{testModel}}<br/>
    Select Test Two Result: {{testModel2}}
</div>
</div>

JavaScript

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

app.controller('TestController', function($scope, $compile) {

    $scope.testInputModel = 'Testing4life';
    $scope.options = ['One', 'Two'];
    $scope.testModel = 'Two';
    $scope.testModel2 = '2';
    
    var test = $compile("<div id='test'>Input test: <input type='text' ng-model='testInputModel' /><br/>" +

    "Selection Test: <select ng-model='testModel' ng-options='o for o in options'></select><br/>" +

    "Selection Test Two: <select ng-model='testModel2'><option value='1'>One</option><option value='2'>Two</option></select>" +
"</div>")($scope);

    $("#section-data").html(test);
    $("#test").detach();
    $("#section-data").html(test);
});