AngularJS 错误？ - 选择多个 - 根据选项数量动态设置大小

我想动态控制多选的大小。

html

<select 
    class="form-control" 
    ng-model="formData.selected_tests" 
    ng-options="c.test for c in tests"
    multiple="true"
    ng-multiple="true"
    name="tests"
    id="tests"
    size="{{ tests.length }}"
    ng-size="{{ tests.length }}">
</select>

js

$http({ method: 'GET', url: '/api/v1/test' })
    .success(function(data, status, headers, config) {
        $scope.tests = data;
    })
    .error(function(data, status, headers, config) {});

检查元素的输出

<select 
    class="form-control ng-valid ng-dirty" 
    ng-model="formData.selected_tests" 
    ng-options="c.test for c in tests" 
    multiple="true" 
    ng-multiple="true" 
    name="tests" 
    id="tests" 
    size="0" 
    ng-size="7">
        ... Options ...
</select>

注意如何size属性保持为 0，但是 ng-size 更改为 7，尽管插值相同tests.length正在使用。

此外，尽管总共有 7 个选项，但浏览器呈现的大小仅显示 4 个选项。

手动更改size="0" to size="7"在 google chrome 的元素检查器中，更改选择的大小。

我遇到了一些问题@size. Try ng-attr-size, as:

<select
    ...
    ng-attr-size="{{ tests.length }}">
</select>