NgbPopover doesn't display up-to-date title as title gets changed before .open()

Bug description:

Having a title property binding ([popoverTitle]="title"), as you change this.title just before running NgbPopover.open() the opened popover contains the old value of this.title as a title. Closing and opening the popover then updates the title to the value of this.title.

Expected behaviour: this.title gets changed before the .open() method is called, the opening popover was expected to contain the new title.

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/ZpJ6VanN9kB2KZZ1VDv4

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 2.0.0

ng-bootstrap: 1.0.0-alpha.15

Bootstrap: v4.0.0-alpha.5

[tjaartvanderWalt]

This is not related to the popover directive itself, it seems like this is the default behavior of the @Directive decorator in angular.

It seems that the binding to @Input() title only updates after the this.p.open() method is called.

Please see example plunker where the issue is replicated using a simple custom directive.

To overcome the issue you can set the popoverTitle by going this.p.popoverTitle="New Title" instead of this.title="New Title".

Maybe someone else knows of a way to force the binding update before the this.p.open() is called.

[readme42]

@tjaartvanderWalt thanks for your explanation and the workaroud. Works like a charm.