Question

我有一个动态的数据列表，我通过下拉列表显示。但我想在用户进入页面时选择一个。

<div class="row">
        <div class="col">
            <select ng-model="item1" style="width:100%;text-align:center;">
                    <option style="text-indent:30%" ng-repeat="item1 in IdeaMonthList"  value="{{item1}}" >{{item1}}</option>
            </select>
        </div>
    </div>

这就是我制作下拉列表的方式。

var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"]
 $scope.IdeaMonthList=IdeaMonth;

这是我的几个月。当用户进入此页面时，聋人应该在下拉列表中选择当前月份。

使用我们可以选择静态选项。如何为动态选项

Answer 1

 <div class="row">
    <div class="col">
        <select ng-model="item1" style="width:50%;text-align:center;" ng-options="item for item in IdeaMonthList">
    </select>   
    </div>
</div>


var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"]
$scope.IdeaMonthList=IdeaMonth;
$scope.item1 =$scope.IdeaMonthList[new Date().getMonth()];

Plunker - http://plnkr.co/edit/8dZXycSTYhQOog12FpEK?p=preview

Answer 2

在angularjs中使用 ngOptions 。

ngOptions属性可用于动态生成列表使用数组或对象的元素的元素通过评估ngOptions理解表达式获得。

<select ng-model="item1" ng-options="item for item in IdeaMonthList" style="width:100%;text-align:center;"></select>

Answer 3

试试这个：

<div class="row">
    <div class="col">
        <select ng-model="item1" style="width:100%;text-align:center;">
                <option style="text-indent:30%" ng-repeat="item in IdeaMonthList"  value="{{item}}" >{{item}}</option>
        </select>
    </div>
</div>


var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"]
$scope.IdeaMonthList=IdeaMonth;
$scope.item1 =$scope.IdeaMonthList[new Date().getMonth()];

Answer 4

我认为更改您的ng-model名称

<select ng-model="selected" style="width:100%;text-align:center;">

你的JS档案：

$scope.selected =$scope.IdeaMonthList[new Date().getMonth()];

在Angularjs中使用选定的动态选项

4 个答案: