JSFiddle - React, Tailwind, and code Playground

by psinke

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <div style="background-color: {{res640.BackgroundColor}}">&nbsp;</div>
        <input type="text" ng-model="res640.BackgroundColor" id="test" placeholder="Type a value here"/> {{res640.BackgroundColor}}   
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
  console.log('called');
    $scope.jsonData = {
        "d": {
            "__type": "ClipsterYoutubeControls.BL.PageSettings",
            "ClientPageCultureId": 0,
            "ClientChannelCampaignId": 0,
            "ClientChannelId": 0,
            "CountryId": 0,
            "LanguageId": 0,
            "ClientPageCultureGuid": "00000000-0000-0000-0000-000000000000",
            "ResolutionSettings": [{
                "isOverall": true,
                "CanvasWidth": 0,
                "BackgroundColor": "#000000",
                "BackgroundImage": "",
                "LandingVideoGuid": null,
                "MainVideo": {
                    "VideoShowRelated": true,
                    "VideoAutoplay": true,
                    "VideoAutoplayOther": true,
                    "VideoActive": true,
                    "BorderColor": "#ffffff",
                    "BorderStyleId": 1,
                    "BorderVisible": true,
                    "Left": 20,
                    "Top": 110,
                    "Width": 400,
                    "Height": 600
                },
                "Title": {
                    "BorderColor": "#ffffff",
                    "BorderStyleId": 1,
                    "BorderVisible": true,
                    "FontColor": "#ffffff",
                    "FontId": 16,
                    "FontSize": 15,
                    "Height": 30,
                    "Left": 30,
                    "Text": "Default title",
                    "Top": 40,
                    "Width": 500,
                    "Show": true
                },
                "Description": {
                    "BorderColor": "#ffffff",
                    "BorderStyleId": 1,
                    "BorderVisible": true,
                    "FontColor": "#ffffff",
                    "FontId":...