popover.js

(function() {
  'use strict';

  angular.module('myap').directive('popover', function() {
    return {
      restrict: "AE",
      require: "ngModel",
      scope: {
        popOverId: "@",
        header: "@",
        btnText: "@",
        unsafeHtml: "@",
        cb: "&"
      },
      link: function(scope, elements, attr, ngModel) {
        var _this = this;
        if (!ngModel) {
          return;
        }
        ngModel.$render = function() {
          return elements.html(ngModel.$viewValue || '');
        };
        elements.bind('blur keyup change', function() {
          return scope.$apply((function() {
            return ngModel.$setViewValue(elements.html());
          }));
        });
        return console.log(" linking popover directive" + angular.toJson(attr));
      },
      transclude: false,
      templateUrl: "views/directives/popover.html"
    };
  });

}).call(this);