ng选项初始值选择

时间:2016-05-20 16:02:52

标签: javascript angularjs

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

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

enter image description here

所以我尝试在下面的代码中列出列表中的每个项目:

$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"}
        }
    });

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

enter image description here

这是我的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"}

2 个答案:

答案 0 :(得分:2)

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

<option value = "">N/P</option>

<强>更新

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

<option value = "">{{inifonction[0]}}</option> //打印N / P

此外,您可以设置范围并将其用作:

$scope.tab = "N/P";

<option value = "">{{tab}}</option>

答案 1 :(得分:0)

这解决了我的问题,我希望它可以帮助你们所有人

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