默认情况下如何在选择框中或下拉菜单中选择第一个选项

用户名

我正在尝试使用指令显示选择框。但是我的默认选项是不显示。

我喜欢这样

<div>
    <select ng-init="userselected = vm.data[0]"
            ng-model="userselected"
            ng-options="option.name for option in vm.data">
    </select>
</div>

这是我的代码http://plnkr.co/edit/Q1e8u0okOa4looLcb2YO?p=preview

.controller('f',function($http){
        var l=this;
        $http.get('data.json').success(function(data){
          l.data=data;
        })
      })

我们可以在调用控制器并使用resolve加载html文件之前加载数据吗?

卡斯珀·勒沃(Kasper Lewau)

我们可以在调用控制器并使用resolve加载html文件之前加载数据吗?

是的。这样做的方法是初始化连接到视图的所述部分的控制器之前解析要在视图上公开的数据集

我可以想到三种解决方法:

  • ui-router#resolve。
  • ngRoute#resolve。
  • 推迟附加到控制器的DOM的编译。

ui-router#resolve

// state definition
.state('myState', function () {
  resolve: {
    dataset: function (Service) {
      return Service.getData();
    }
  },
  controller: 'Controller'
})
// controller definition
.controller('Controller', function (dataset) {
  this.dataset = dataset;
})

解析的数据将在状态定义所附的控制器中以给定名称提供(通过定义本身,或ng-controller状态模板带有)。

ngRoute#resolve

// route definition
.when('/path', {
  resolve: {
    dataset: function (Service) {
      return Service.getData();
    }
  },
  controller: 'Controller'
})
// controller definition
.controller('Controller', function (dataset) {
  this.dataset = dataset;
})

几乎与ui路由器示例相同。

ngIf

等待承诺解决,以延迟模板的呈现。

.controller('outer', function ($timeout) {
  this.resolved = false;
  this.dataset  = [];

  $timeout(function () {
    this.resolved = true;
    this.dataset = [ {}, {} ];
  }.bind(this), 1500);
})
.controller('inner', function () {
  console.log('I just ran!');
})

<div ng-controller="outer as o">
  <div ng-controller="inner as i" ng-if="o.resolved">
    {{o.dataset}}
  </div>
</div>

jsfiddle的最后一个解决方案

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何从下拉菜单中选择一个选项

来自分类Dev

在模型中未设置默认值且使用ng-options进行选择的IE10始终在下拉菜单中选择第一个元素

来自分类Dev

Dojo Select-默认情况下选择第一个选项

来自分类Dev

如何使用Jquery-Chosen插件使下拉菜单中的第一个选项成为默认值

来自分类Dev

检查下拉菜单的第一个选项是否已选择属性

来自分类Dev

从两个下拉菜单的第一个中选择一个具有相同类名的选项

来自分类Dev

如何检查是否已选择第一个下拉菜单实时直播

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

在不自动选择第一个选项的情况下,将选择框的选择位置置于选择框的顶部

来自分类Dev

HTML中的TABS:默认情况下选择第一个TAB

来自分类Dev

默认情况下从选择框中选择第一个值-AngularJS

来自分类Dev

选择选项仅适用于第一个下拉菜单

来自分类Dev

从React.js的另一个下拉菜单中选择一个选项时如何重置下拉菜单值

来自分类Dev

如何使用Selenium和Python从下拉菜单中选择一个选项

来自分类Dev

VueJS多个下拉菜单-渲染选项取决于第一个选择的值

来自分类Dev

如何基于从html页面中的下拉菜单中选择一个选项来定位div

来自分类Dev

如何根据在第一个下拉菜单中选择的值在第二个下拉菜单中选择一个值?这两个值都来自数据库

来自分类Dev

如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

来自分类Dev

如何在r中不使用NA的情况下选择第一个和最后一个测试

来自分类Dev

选择下拉下拉菜单,重新加载将还原为第一个选项

来自分类Dev

在另一个下拉菜单中选择特定选项时,删除DropDownListFor选择

来自分类Dev

当下拉菜单具有相同的ID时,如何从下拉菜单中选择一个选项

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

选择第一个选项时自动更改第二个下拉菜单

来自分类Dev

如何在oi-select angularjs中选择第一个选项

来自分类Dev

如何禁用下拉选择菜单中的第一个选项?

来自分类Dev

如何在下拉框中显示两个项目,不可选择的默认值和第一个可选项目?

来自分类Dev

在 Shiny 中选择一个选项后,如何关闭汉堡菜单的下拉菜单

来自分类Dev

在这种情况下如何选择第一个孩子?

Related 相关文章

  1. 1

    如何从下拉菜单中选择一个选项

  2. 2

    在模型中未设置默认值且使用ng-options进行选择的IE10始终在下拉菜单中选择第一个元素

  3. 3

    Dojo Select-默认情况下选择第一个选项

  4. 4

    如何使用Jquery-Chosen插件使下拉菜单中的第一个选项成为默认值

  5. 5

    检查下拉菜单的第一个选项是否已选择属性

  6. 6

    从两个下拉菜单的第一个中选择一个具有相同类名的选项

  7. 7

    如何检查是否已选择第一个下拉菜单实时直播

  8. 8

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  9. 9

    在不自动选择第一个选项的情况下,将选择框的选择位置置于选择框的顶部

  10. 10

    HTML中的TABS:默认情况下选择第一个TAB

  11. 11

    默认情况下从选择框中选择第一个值-AngularJS

  12. 12

    选择选项仅适用于第一个下拉菜单

  13. 13

    从React.js的另一个下拉菜单中选择一个选项时如何重置下拉菜单值

  14. 14

    如何使用Selenium和Python从下拉菜单中选择一个选项

  15. 15

    VueJS多个下拉菜单-渲染选项取决于第一个选择的值

  16. 16

    如何基于从html页面中的下拉菜单中选择一个选项来定位div

  17. 17

    如何根据在第一个下拉菜单中选择的值在第二个下拉菜单中选择一个值?这两个值都来自数据库

  18. 18

    如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

  19. 19

    如何在r中不使用NA的情况下选择第一个和最后一个测试

  20. 20

    选择下拉下拉菜单,重新加载将还原为第一个选项

  21. 21

    在另一个下拉菜单中选择特定选项时,删除DropDownListFor选择

  22. 22

    当下拉菜单具有相同的ID时,如何从下拉菜单中选择一个选项

  23. 23

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  24. 24

    选择第一个选项时自动更改第二个下拉菜单

  25. 25

    如何在oi-select angularjs中选择第一个选项

  26. 26

    如何禁用下拉选择菜单中的第一个选项?

  27. 27

    如何在下拉框中显示两个项目,不可选择的默认值和第一个可选项目?

  28. 28

    在 Shiny 中选择一个选项后,如何关闭汉堡菜单的下拉菜单

  29. 29

    在这种情况下如何选择第一个孩子?

热门标签

归档