fix the memory leak when the content contain directive with isolated scope

1. create new child scope from the given one
2. destroy the child scope when the popover is hidden

when the content contain template with directive with isolated scope, the scope is not destroyed.

for example:

var popoverOptions = {
  "content": "HTML_WITH_DIRECTIVE_WITH_ISOLATED_SCOPE",
  ...
}

each time the popover is shown new scope is created and the old one is not destroyed.