Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular UI引导:如何添加要选择的第一个选项?_Javascript_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap_Angular Ui - Fatal编程技术网

Javascript Angular UI引导:如何添加要选择的第一个选项?

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

我有以下选择模式:

第一:我有输入,它过滤我的选择dropbox结果

第二:在我的“结果总是应该是”选项中,当我单击它时,我希望看到模式窗口(因此,即使我输入一些文本,该选项仍必须在我的dropbox中)

第三…n:默认选项

现在我有了这样的模板:

<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选项添加按钮模板。