【问题标题】:How to show more details in typeahead Angular JS?如何在 typeahead Angular JS 中显示更多细节?
【发布时间】:2015-05-05 17:21:00
【问题描述】:

我在 Angular 中使用来自 Bootstrap 的目录 typeahead。 如何在 HTML 模板中显示更多结果?现在我只得到name

typeahead="job as job.name for job in getJobPlace($viewValue) | filter:{name:$viewValue}"

我需要这样的东西: 工作作为job.name,照片作为job.photo...

enter code here

【问题讨论】:

    标签: javascript angularjs twitter-bootstrap angular-ui bootstrap-typeahead


    【解决方案1】:

    你可以使用简单的字符串连接

    typeahead="job as job.name +' '+ job.id for job in getJobPlace($viewValue) | filter:{name:$viewValue}" 
    

    【讨论】:

    • 谢谢,我可以在typeahead 中准备数据,例如:job as Prepare(job.name) 吗?或者在模板{{prepareImgJob(match.model.photo)}} 中?
    • @Hamed 应该是typeahead="job as prepare(job) for job in getJobPlace($viewValue) | filter:{name:$viewValue} 然后在控制器prepare 方法中实现你自己的逻辑
    • 我的意思是 {{prepareImgJob(match.model.photo)}} 其中 prepareImgJob 来自控制器的函数
    • 不应该没有 {{}} 插值,这意味着您只需要在 typeahead 上使用 prepareImgJob(match.model.photo)
    • @Hamed 你还想要什么吗?
    猜你喜欢
    • 2016-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多