safariViewCtrlDirective.js

angular.module('sfViewCtrlDirective', [])

.directive('open', OpenDirective);

function OpenDirective() {
  return {
    restrict: 'A',
    link: function($scope, $element, $attr) {
      console.log('device is ready');
      $element.on('click', function() {
        SafariViewController.isAvailable(function(available) {
          if (available) {
            SafariViewController.show({
                'url': $attr.open,
                'enterReaderModeIfAvailable': false
              },
              function(msg) {
                console.log("All good");
              },
              function(msg) {
                alert("There appears to have been an error");
              })
          } else {
            // potentially powered by InAppBrowser because that clobbers window.open
            window.open($attr.open, '_blank', 'location=yes');
          }
        })
      });

    };
  }
};