控制器中templateUrl中的访问元素-AngularJS

亚历克斯

我需要在控制器的模板html文件中填充select(option)元素。我可以成功完成此操作,但不能提供默认值(避免使用第一个空选项)

template.html文件

...
<select name="drill_down" id="drill_down" ng-model="drill_down"
ng-options="item.value for item in items"></select>
...

controller.js文件

(function () {
    'use strict';

var app = angular.module('appname', []);

app.config(function($stateProvider) {
    $stateProvider
        .state('appname', {
            url: '/appname',
            templateUrl: '/appname/template.html',
            controller: 'AppCtrl'
        });
});

app.controller('AppCtrl', AppCtrl);

function AppCtrl($scope, MyService) {
    $scope.college_majors_full = [];
    $scope.job_title_functions = [];

    MyService.getData().then(function(rows) {
        $scope.items = rows;   // this works - populates select options

        $scope.drill_down = $scope.items[0].value;  // this doesn't work
    });
...

有什么帮助吗?谢谢。

阿尼克伊斯兰教阿比

您的选项只有项目的文本属性

您正在分配值而不是ID

这样尝试

$scope.drill_down = $scope.items[0].value; 

或者您可以在选项中创建值文本类型

这样尝试

看法

<select name="drill_down" id="drill_down" ng-model="drill_down"
ng-options="item.id as item.value for item in items"></select>

控制器

$scope.drill_down = $scope.items[0].id;

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在AngularJS中的不同控制器中访问$ scope

来自分类Dev

angularjs 1.5中组件控制器中的访问解析

来自分类Dev

嵌套ng-repeat中来自控制器的AngularJS访问元素

来自分类Dev

从AngularJS中的子指令获取对控制器的访问

来自分类Dev

从AngularJS中的回调函数内部访问控制器

来自分类Dev

在AngularJS中递归访问父指令的控制器

来自分类Dev

在动态生成的AngularJS指令中访问父控制器

来自分类Dev

AngularJS:对控制器中定义的函数的全局访问

来自分类Dev

从AngularJS中的回调函数内部访问控制器

来自分类Dev

无法在我的angularjs控制器中访问$ routeParams

来自分类Dev

使用AngularJS在控制器中访问范围属性

来自分类Dev

在angularjs中的控制器外部访问变量

来自分类Dev

访问控制器中的 angularjs 文本框值

来自分类Dev

AngularJS - 从控制器访问 JSON 数据中的子对象

来自分类Dev

无法从 AngularJS 中的控制器访问表单

来自分类Dev

自动实例化嵌套在 templateUrl 中的 AngularJS 控制器

来自分类Dev

AngularJS在获取HTML元素的控制器中引用表单

来自分类Dev

如何在AngularJS的Router UI控制器中访问主控制器变量?

来自分类Dev

在angularjs中的其他控制器中声明的路由页面控制器中的访问变量

来自分类Dev

将控制器变成AngularJS中的控制器

来自分类Dev

AngularJS-从服务访问控制器内部的元素

来自分类Dev

如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

来自分类Dev

如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

来自分类Dev

从工厂angularjs访问angularjs控制器

来自分类Dev

在AngularJS中声明控制器

来自分类Dev

AngularJs中的Singleton控制器

来自分类Dev

使AngularJS控制器中的$ location无效

来自分类Dev

AngularJS:在控制器中读取JSON

来自分类Dev

在angularjs控制器中声明变量

Related 相关文章

  1. 1

    在AngularJS中的不同控制器中访问$ scope

  2. 2

    angularjs 1.5中组件控制器中的访问解析

  3. 3

    嵌套ng-repeat中来自控制器的AngularJS访问元素

  4. 4

    从AngularJS中的子指令获取对控制器的访问

  5. 5

    从AngularJS中的回调函数内部访问控制器

  6. 6

    在AngularJS中递归访问父指令的控制器

  7. 7

    在动态生成的AngularJS指令中访问父控制器

  8. 8

    AngularJS:对控制器中定义的函数的全局访问

  9. 9

    从AngularJS中的回调函数内部访问控制器

  10. 10

    无法在我的angularjs控制器中访问$ routeParams

  11. 11

    使用AngularJS在控制器中访问范围属性

  12. 12

    在angularjs中的控制器外部访问变量

  13. 13

    访问控制器中的 angularjs 文本框值

  14. 14

    AngularJS - 从控制器访问 JSON 数据中的子对象

  15. 15

    无法从 AngularJS 中的控制器访问表单

  16. 16

    自动实例化嵌套在 templateUrl 中的 AngularJS 控制器

  17. 17

    AngularJS在获取HTML元素的控制器中引用表单

  18. 18

    如何在AngularJS的Router UI控制器中访问主控制器变量?

  19. 19

    在angularjs中的其他控制器中声明的路由页面控制器中的访问变量

  20. 20

    将控制器变成AngularJS中的控制器

  21. 21

    AngularJS-从服务访问控制器内部的元素

  22. 22

    如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

  23. 23

    如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

  24. 24

    从工厂angularjs访问angularjs控制器

  25. 25

    在AngularJS中声明控制器

  26. 26

    AngularJs中的Singleton控制器

  27. 27

    使AngularJS控制器中的$ location无效

  28. 28

    AngularJS:在控制器中读取JSON

  29. 29

    在angularjs控制器中声明变量

热门标签

归档