【问题标题】:ng option initial value selectng 选项初始值选择
【发布时间】:2016-09-17 23:26:08
【问题描述】:

我有一个动态组合框。我想像这样初始化所有组合框的值,下图是通过添加像这样的静态值

  $scope.newObject ={  0 : "N/P" ,1 : "N/P",2 : "N/P",3 : "N/P"}

所以我尝试在下面的代码中对列表中的每个项目进行处理:

$scope.inifonction = ["N/P","N/A","OK","KO"];
//this is the option inside the combobox
$scope.displaydata = function(index) {

    $scope.id = index;

    $http.get("/fonctions?id=" + $scope.id).success(function(data) {
        $scope.list = data;

        for(i=0;i<$scope.list.length;i++)
        {
            $scope.tab = $scope.list[i].idfonction
            //this to get the id of the list in a tab 


            console.log($scope.tab)

        //[1,6,5,3] exemple of data in the console 

        $scope.newObject ={  tab : "N/P"}
        }
    });

但我没有工作,它看起来像这样:

这是我的 HTML

 <select  ng-model="newObject[l.idfonction]"  ng-options="  fct for fct in inifonction "  class="form-control">

当我插入数据时,由于该 ng-model

Object {1: "N/A", 2: "OK", 3: "N/A", 4: "N/P", tab: "N/P"}

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    将此行添加到视图中的每个下拉选项:

    &lt;option value = ""&gt;N/P&lt;/option&gt;

    更新:

    我可以看到您有一个特定于初始值的数组。您可以使用它将值设置为:

    &lt;option value = ""&gt;{{inifonction[0]}}&lt;/option&gt; //这会打印 N/P

    更多,您可以设置一个范围并将其用作:

    $scope.tab = "N/P";

    &lt;option value = ""&gt;{{tab}}&lt;/option&gt;

    【讨论】:

    • 我试着让它像那样,但它没有用,也许是因为我的 ng-model= 对象
    • 首先感谢您回答我!我有数据,我只想在&lt;select&gt; 中设置一个默认值,正如您所看到的,当您`$scope.newObject ={ 0 : "N/P"}` 第一个元素将获得值 N/P 但我不希望单个元素获得我想要的值,因为它是一个对象,所以我创建了一个循环$scope.newObject ={ tab : "N/P"},tab 是 id,所以我可以制作 `$scope.newObject ={ 0 : "N/P " , 1 : "N/P" 等 }`
    【解决方案2】:

    这解决了我的问题,希望对大家有帮助

    <select ng-init="newObject[l.idfonction] = inifonction[0] " ng-model="newObject[l.idfonction]"  ng-options="  fct for fct in inifonction "  class="form-control">
    

    【讨论】:

    猜你喜欢
    • 2015-05-12
    • 1970-01-01
    • 1970-01-01
    • 2013-12-10
    • 1970-01-01
    • 1970-01-01
    • 2016-07-02
    • 2017-03-25
    • 2018-03-17
    相关资源
    最近更新 更多