当前位置:  开发笔记 > 编程语言 > 正文

AngularJS ng-options/Typeahead表达式语法

如何解决《AngularJSng-options/Typeahead表达式语法》经验,为你挑选了1个好方法。

我试图用ng-options或Typeahead表达式语法找到AngularJS select,但是我找不到整个东西,所以我从这里和那里收集信息,这就是我想出的:



1> Avi..:

表达式语法(这是完整的语法,大部分都是可选的):

(ObjectForModel) as (stringRepresentation for the UI) for (OneObjectFromList) in (ListOfObjects) | (Filter1) | (Filter2) ...

示例:假设我们有一个学生列表:

var StudentList = [{firstName: "Jhon",lastName:"Smith" id:1},{firstName: "Clint",lastName:"Eastwood" id:2} ];

让我们说我们想在typeAhead输入中使用此列表,但是:1.我们希望弹出窗口下拉显示:"名字 - 姓氏"但是当用户选择项目时我们希望列表中的整个项目填充在ng模型中.2.我们希望过滤选择以仅显示5个元素3.我们希望弹出下拉列表仅显示与用户输入相关的内容.

所以这就是它的样子:

uib-typeahead="student as (student.firstName +' - ' + student.lastName) for student in studentList | filter:$viewValue | limitTo:5"

如果你们有更多的东西可以添加,请知道我可以使用它...

推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有