twitter-bootstrap - ng2-bootstrap の Typehead は Angular 2 の項目を表示できません

Question

更新: ネストされたプロパティがサポートされるようになりました。https://github.com/valor-software/ng2-bootstrap/issues/135

---

Angular 2 でng2-bootstrapを使用しています。

Typehead を使用しようとしています。

サンプルコード

private statesComplex:Array<any> = [
    {id: 1, name: 'Alabama'}, {id: 2, name: 'Alaska'}, {id: 3, name: 'Arizona'}];

と

<input [(ngModel)]="selected"
       [typeahead]="statesComplex"
       (typeaheadOnSelect)="typeaheadOnSelect($event)"
       [typeaheadOptionField]="'name'"
       class="form-control">

うまくいきます。

しかし、データ形式を変更しようとすると

private statesComplex:Array<any> = [
    {id: 1, profile: {name: 'Alabama', email: '111'}}, {id: 2, profile: {name: 'Alaska', email: '222'}}, {id: 3, profile: {name: 'Arizona', email: '333'}}];

そして使う

<input [(ngModel)]="selected"
       [typeahead]="statesComplex"
       (typeaheadOnSelect)="typeaheadOnSelect($event)"
       [typeaheadOptionField]="'profile.name'"
       class="form-control">

それは動作しません。問題は typeaheadOptionField に関するものだと思いますが、書き方がわかりません。

ありがとう