Example of a typical popover:

Attributes

• ns-popover-placement: Placement of the popover (top/bottom | left/right)
• ns-background-faded: Background fade level. Value between 0 and 1.
• ns-popover-template: Reference to the script template that will be displayed inside the popover
• ok-action: Ok button with click event
• cancel-action: Close button with click event
• disable-ok-action: Disables the ok button if the value if true
• create-multiple: Display a "create another" checkbox, which if checked prevents closing the popover after clicking the ok button
• create-multiple-model: Value to set the checkbox state
• attr-component: Name of the component that will be displayed inside the popover. See seperate section about popover using component template
• attr-params: The parameters that will be send to the component. See seperate section about popover using component template

Popover using component template

<i class="icon-plus" ns-popover-placement="bottom|left" rb-popover="" component="customerlookup" params="vm.params"> </i> // In viewmodel vm.params = { customerlistUrl:"sales/customers?$filter=Status eq 4", //In parameter customerSelected: function(item) { //Callback function } };