JSFiddle - React, Tailwind, and code Playground

by Minko Gechev

HTML

<div data-ng-app="app">
<div data-button data-url="http://google.com/" data-page="_blank">Google</div>
</div>

JavaScript

var dirs = angular.module('dir', []);
dirs.directive('button', function () {
    return {
        restrict: 'A',
        replace: true,
        transclude: true,
        scope: {
            url: '@url',
            page: '@page'
        },
        template: '<a href="{{url}}" target="{{page}}"><div class="button" ng-transclude></div></a>'
    };
});

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