JSFiddle - React, Tailwind, and code Playground

by Henry

HTML

<script src="jquery-1.9.1.min.js"></script>
<script src="angular.min.js"></script>
<script src="bootstrap.min.js"></script>
<div ng-app='demo'>
     <h3>Get Care Module</h3>

    <div ng-controller='MyCtrl'>{{name}} .</div>
    <br>
    <div>
        <display-link />
    </div>
</div>

JavaScript

var demo = angular.module('demo', []);
demo.directive('displayLink', function ($parse) {
    return {
        restrict: 'E',
        replace: true,
        transclude: false,
        template: '<a href="#" onclick="Redirect_Page()"></a>',
        link: function (scope, element, attrs, controller) {
            var knowmoreLink_ = "Know More";
            element.text(knowmoreLink_);
        }
    }
});

function Redirect_Page() {
    alert("Leaving single page application");
}

function MyCtrl($scope) {
    // Module Name
    $scope.name = 'Data is going to be from CMS. About Each sub modules';
};