Angular 2-Ng2引导:自定义复杂模板typeahead实现

Angular 2-Ng2引导:自定义复杂模板typeahead实现,angular,typeahead,ng2-bootstrap,Angular,Typeahead,Ng2 Bootstrap,我对ng2引导陷阱typeahead实现有一个问题。我创建了一个plunker来展示这个问题 这是:{model | json}}索引:{{Index} 我想为typeahead使用“复杂”数据(表示查询对象而不是简单字符串),并在自定义模板中显示它们。问题是,结果列表中显示的值不正确。例如,如果我在自定义复合体的typeahead中键入“a”,则不会显示任何内容。如果我在前面的简单的自定义类型中键入“a”,则会显示结果“阿拉巴马州”、“亚利桑那州”。。所有包含“a”的内容,我希望自定义复

我对ng2引导陷阱typeahead实现有一个问题。我创建了一个plunker来展示这个问题


这是:{model | json}}索引:{{Index}
我想为typeahead使用“复杂”数据(表示查询对象而不是简单字符串),并在自定义模板中显示它们。问题是,结果列表中显示的值不正确。例如,如果我在自定义复合体的typeahead中键入“a”,则不会显示任何内容。如果我在前面的简单的自定义类型中键入“a”,则会显示结果“阿拉巴马州”、“亚利桑那州”。。所有包含“a”的内容,我希望自定义复杂类型的结果相同


这是ng2引导中的错误还是我遗漏了什么?

我调查了您的问题,发现您的解决方案看起来非常简单

只需将
typeaheadpoptionField
属性添加到复杂组件

<input [(ngModel)]="customSelected"
       [typeahead]="statesComplex"
       [typeaheadItemTemplate]="customItemTemplateComplex"
       typeaheadOptionField="name">


请小心您的标签;AngularJS与Angular2问题无关。
<input [(ngModel)]="customSelected"
       [typeahead]="statesComplex"
       [typeaheadItemTemplate]="customItemTemplateComplex"
       typeaheadOptionField="name">