JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<div id="machine" ng-app="machine" ng-controller="machine">
    <p>{{foo}}</p>
</div>
<button id="log">Log debug information</button>
<button id="reload">Reload with debug info</button>

JavaScript

var machine = document.querySelector('#machine'),
    buttonLog = document.querySelector('#log'),
    buttonReload = document.querySelector('#reload'),
    paragraph = angular.element(document.querySelector('p'));

angular
    .module('machine', [])
    .config(function ($compileProvider) {
        $compileProvider.debugInfoEnabled(false);
    })
    .controller('machine', function ($scope) {
        $scope.foo = 'bar';
    });

buttonLog.addEventListener('click', function () {
    console.log('Does p element have ng-binding class?', paragraph.hasClass('ng-binding'));
    console.log('What binding expressions does the paragraph contain?', paragraph.data().$binding);
    console.log('What is element\'s scope?', paragraph.scope())
});

buttonReload.addEventListener('click', function () {
    angular.reloadWithDebugInfo();
});