JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="ng-cloudmind">

<div first="{{1+1}}" second="{{2+2}}">
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.5/angular.min.js"></script>

<script type="application/javascript">
    angular.module('ng-cloudmind', [])
            .directive('first', function () {
                'use strict';
                return {
                    restrict: 'A',
                    scope: true,
                    controller: function () {
                        console.log('first =', this.first);
                    },
                    controllerAs: 'firstCtrl',
                    bindToController: {
                        first: '@'
                    }
                };
            }).directive('second', function () {
                'use strict';
                return {
                    restrict: 'A',
                    scope: true,
                    controller: function () {
                        console.log('second =', this.second);
                    },
                    controllerAs: 'secondCtrl',
                    bindToController: {
                        second: '@'
                    }
                };
            });
</script>
</body>