I have an attribute directive which formats link based on browser and
logged user - it is installation link of browser extension:
angular.module('cp.system').directive('installExtLink', ['Browser',
'FeatureFlagsService', 'CurrentUser', function(Browser,
FeatureFlagsService, CurrentUser) {
return {
restrict: 'A',
link: function ($scope, element, attrs) {
function updateLink(element) {
if (Browser.isChrome) {
element[0].href = "#";
element[0].onclick = function () {
return portadi_installExtension();
};
} else if (Browser.isSafari && FeatureFlagsService.safariLoginEnabled()) {
element[0].href = portadi_getSafariExtensionUrl();
}
}
CurrentUser.onLoggedIn(function () {
updateLink(element);
});
}
};
}]);
When I include it in html, everything works as expected:
<a cp-install-ext-link>Install extension ...</a>
So far good. In our app, we show messages in header section via:
<span ng-bind-html="message.html"></span>
Where message is current message.
Now I would like to show the link in the message. When I format html by
hand and include it in message variable, everything works as expected. i.e.
if (Browser.isChrome) {
return $sce.trustAsHtml('Portadi requires a browser
extension to work.<br>Please install extension from <a href="#"
onclick="return portadi_installExtension();">Chrome Web Store</a>.');
}
I would like to use the directive and include compiled html into the
message.
var element = $compile('<a cp-install-ext-link>Install extension ...</a>')(
scope)
How can I include resulting element into the message.html? I need to get
html as string, but I couldn't find any method to do it.
All examples I have read use some sort of element.append... but I don't
want to append new element, I just want to pass the html to section where
we show also other messages.
Thank you,
Tomas
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
