【问题标题】:ng-options with multiple select/Checkbox具有多个选择/复选框的 ng-options
【发布时间】:2018-08-06 04:25:09
【问题描述】:

是否可以从 ng-options 中选择多个选项或将 ng-options 值作为复选框?如果可能的话,谁能给我一个例子吗?

【问题讨论】:

标签: html angularjs select angularjs-ng-options ng-modal


【解决方案1】:

要创建多选,只需将 multiple 添加到您的选择标签

<!DOCTYPE html>
<html lang="en">
    <head>
       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
       <script type="text/javascript">
           var app=angular.module("myApp", []);
			
           app.controller(
               "myCtrl", 
                    function($scope){
                        $scope.values=[
                            {value:"0", text:"zero"},
                            {value:"1", text:"one"},
                            {value:"2", text:"two"}
                        ];
                    }
               );
			
    </script>
    </head>
    <body>
        <div ng-app="myApp" ng-controller="myCtrl">
            <div>Choose:</div>
            <select name="choose" ng-model="choose" multiple>
                <option ng-repeat="x in values" value="{{x.value}}">{{x.text}}</option>
            </select>
        </div>
    </body>
</html>

【讨论】:

  • 谢谢,@John Kane 在您的帮助下我才弄明白。我也可以使用 ng-dropdown-multiselect。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-26
  • 1970-01-01
  • 1970-01-01
  • 2016-01-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多