JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<div ng-app="machine" ng-controller="car">
    <dl>
        <dt>Simple expression evaluation</dt>
        <dd><code>1+2</code>: {{1 + 2}}</dd>
        rst
        <dt>Using scope variables</dt>
            <dd><code>a</code>: {{a}}</dd>
            <dd><code>a + b</code>: {{a + b}}</dd>
            <dd><code>foo.bar</code>: {{foo.bar}}</dd>
        
        <dt>Forgiving resolution</dt>
            <dd><code>qux.quux.corge</code>: {{qux.quux.corge}}</dd>
            <dd><code>qux.quux.corge || 'Undefined'</code>: {{qux.quux.corge || 'Undefined'}}</dd>
        
        <dt>Execution context</dt>
        <dd><code>window || 'Undefined'</code>: {{window || 'Undefined'}}</dd>
    </dl>
</div>

JavaScript

angular
    .module('machine', [])
    .controller('car', function ($scope) {
        $scope.a = 1;
        $scope.b = 2;
        $scope.foo = {bar: 'baz'};
    });