Create & Control Semantic UI Embed with Angular Directives
optional
required
Embed Directives
sm-embed
Creates an embed.
Attributes
source@a string which specifies a source to use, if no source is provided it will be determined from the domain of a specified url.source-id@a string which specifies an id value to replace with the{id}value found in templated urls.url@a string which specifies a url to use for embed.placeholder@a string which is a URL to an image to display over the embedded content.icon@a string which specifies an icon to use with placeholder content.settings=reference to a settings object to pass to the initialization function.
Callback Attributes
on-init=Callback once the module is initialized, passing the initialized element as the first argument.on-create=Callback when iframe is generated.on-display=Callback Whenever an iframe contents is shown.on-placeholder-display=Callback immediately before Embed is removed from DOM.on-embed=Callback when module parameters are determined. Allows you to adjust parameters at run time by returning a new parameters object.
Example
sm-embed-bind
A lightweight attribute directive which calls embed() on the element with the settings object passed to the attribute. Using this directive means you need to manage the communication between Angular and Semantic UI yourself.
Behavior Directives
These attribute directives invoke a behavior on the component where the attribute value can be one of the following formats:
String
- Selector to the dropdown(s) to invoke the behavior when the element with the directive is clicked.
Object
$@A selector string.evt@The event string which triggers the behavior ('click' by default).enabled=A boolean value which determines whether or not the behavior should be called when the event occurs.value=The first argument to pass to the behavior if it requires one.