JSFiddle - React, Tailwind, and code Playground

by awolf2904

HTML

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<div ng-app="demoApp" ng-controller="mainController">
    <button id="test">test</button>
    <pre>{{dummy}}</pre>

</div>

JavaScript

angular.module('demoApp', [])
    .controller('mainController', function ($rootScope) {
    $rootScope.dummy = 'Test\r\n';
    $rootScope.addText = function (text) {
        $rootScope.dummy += text + '\r\n';
    };
});

$(function () {

    $('#test').click(function () {
        var $rootScope = angular.element($('div[ng-controller="mainController"]')).scope().$root;

        $rootScope.$apply(function () {
            //scope.dummy += 'test'; // works
            $rootScope.addText('test');
        });
    });

});