Javascript Angular UI引导:如何添加要选择的第一个选项?
我有以下选择模式: 第一:我有输入,它过滤我的选择dropbox结果 第二:在我的“结果总是应该是”选项中,当我单击它时,我希望看到模式窗口(因此,即使我输入一些文本,该选项仍必须在我的dropbox中) 第三…n:默认选项 现在我有了这样的模板:Javascript Angular UI引导:如何添加要选择的第一个选项?,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,angular-ui,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,Angular Ui,我有以下选择模式: 第一:我有输入,它过滤我的选择dropbox结果 第二:在我的“结果总是应该是”选项中,当我单击它时,我希望看到模式窗口(因此,即使我输入一些文本,该选项仍必须在我的dropbox中) 第三…n:默认选项 现在我有了这样的模板: <ui-select ***mysecretoptions***> <ui-select-match ***mysecretoptions***>***mysecretoptions***</ui-select-m
<ui-select ***mysecretoptions***>
<ui-select-match ***mysecretoptions***>***mysecretoptions***</ui-select-match>
<ui-select-choices***mysecretoptions***>
<span ***mysecretoptions***></span>
</ui-select-choices>
</ui-select>
***秘密选择***
它工作得很好,但第一个选项隐藏了,当我做一些搜索时
有可能做到吗?如何做到
第一个选项仅在我输入/单击ui select时显示(因此它不显示为selected或整个selectbox的默认值)是的,这是可能的,我每天都这样做,请检查以下内容:
<ui-select ng-model="view.provinceCode" title="Province">
<ui-select-match placeholder="Select...">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="x.code as x in view.provinces | filter: $select.search">
<div ng-bind-html="x.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
这会将ui选择设置为您在控制器中建立的项目
如果不使用x.property作为x
近似值,如果将模型设置为FULL对象,结果将是相同的:ui select
的选定属性将是您想要的属性
编辑:
我刚刚意识到,您要求放置数组的第一个元素,这在您的情况下更容易
view.provinceCode = view.provinces[0].code;
或者,对于完整对象
view.selectedProvince = view.provinces[0];
是的,这是可能的,我每天都这样做,检查以下几点:
<ui-select ng-model="view.provinceCode" title="Province">
<ui-select-match placeholder="Select...">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="x.code as x in view.provinces | filter: $select.search">
<div ng-bind-html="x.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
这会将ui选择设置为您在控制器中建立的项目
如果不使用x.property作为x
近似值,如果将模型设置为FULL对象,结果将是相同的:ui select
的选定属性将是您想要的属性
编辑:
我刚刚意识到,您要求放置数组的第一个元素,这在您的情况下更容易
view.provinceCode = view.provinces[0].code;
或者,对于完整对象
view.selectedProvince = view.provinces[0];
第一个对象应该存在于每个组合中:带搜索或不带搜索。这是主要目标。顺便说一句:点击第一个对象会导致模态窗口打开,就像第一个选项是:“创建新项目”@brabertaser1992我真的不明白你的意思,你要求选择选择的第一个项目,这就是我的回答,如果你想要一些额外的行为,您可以在ng change
属性中执行任何您喜欢的操作,并且您应该在您的问题中也指定该操作…”第二:在我的结果中始终应该是选项,当我单击它时,我希望看到模式窗口(因此,即使我输入一些文本,该选项仍必须在我的dropbox中)“所有内容都已指定。。。我没有要求选择第一项。请再次阅读问题第一个对象应该存在于每个组合中:有搜索或没有搜索。这是主要目标。顺便说一句:点击第一个对象会导致模态窗口打开,就像第一个选项是:“创建新项目”@brabertaser1992我真的不明白你的意思,你要求选择选择的第一个项目,这就是我的回答,如果你想要一些额外的行为,您可以在ng change
属性中执行任何您喜欢的操作,并且您应该在您的问题中也指定该操作…”第二:在我的结果中始终应该是选项,当我单击它时,我希望看到模式窗口(因此,即使我输入一些文本,该选项仍必须在我的dropbox中)“所有内容都已指定。。。我没有要求选择第一项。请再次阅读问题一种可能的方法是破解angular ui select library的select.js并向uiSelectConfig选项添加按钮模板。一种可能的方法是破解angular ui select library的select.js并向uiSelectConfig选项添加按钮模板。