javascript - 如何从angularjs的下拉列表中选择一个项目?

标签 javascript php angularjs select angularjs-ng-model

如何从 angularjs 的下拉列表中选择一个项目,这里我使用的是普通选择列表,而不是从对象数组中选择。

如果我正在使用 ng-repeat 那么我可以选择一个,

但是我该怎么做呢?

 <select class="form-control" ng-model="range" ng-change="updateRange()">
        <optgroup label="Current">
            <option value="1.1">Today</option>
            <option value="1.2">This Week</option>
            <option value="1.3">This Month</option>
            <option value="1.4">This Quarter</option>
            <option value="1.5">This Year</option>
        </optgroup>
        <optgroup label="Previous">
            <option value="2.1">Yesterday</option>
            <option value="2.2">Previous Week</option>
            <option value="2.3">Previous Month</option>
            <option value="2.4">Previous Quarter</option>
            <option value="2.5">Previous Year</option>
        </optgroup>
        <optgroup  label="Custom">
            <option ng-value="3">Custom</option>
        </optgroup>
    </select>

最佳答案

简单地为与option值对应的模型赋值

http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview

app.controller('MainCtrl', function($scope) {
  $scope.range = 2.4
});

关于javascript - 如何从angularjs的下拉列表中选择一个项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30048137/

相关文章:

javascript - 数组和对象变量的存储和 'weight'

javascript - 悬停在链接上时如何反转整个页面的颜色

javascript - 如何根据输入的值更改输入的背景颜色

php - 我的php代码无法选择mysql auto_increment值

javascript - 服务和 Controller 之间的双向数据绑定(bind)问题

javascript - 如何使用 javascript 替换除数字 [0-9] 之外的所有字符?

php - 寻找 Jenks 优化——数据分类

php - 运行带有指向另一个查询的链接的查询。

angularjs - 在 Angular 中重用验证条件

html - AngularJS 指令中自定义 HTML 标签的后果