16

我有一个简单的选择元素，我试图强制存在一个值来提交表单，并且我尝试设置所需的属性以及使用 ng-init 来确保选择了一个值并且都失败了。

我正在使用ng-options从具有 ref 属性的对象数组中创建值列表。然后我想使用ng-init将显示的值设置为数组中的第一个 Object.ref。

<select name="refmarker" class="input-block-level form-width-adjust" ng-model="model.refmarker" ng-options="rm.ref for rm in refmarkers" ng-disabled="editable" ng-init="model.refmarker='refmarkers[0].ref'" required></select>

我试过以下没有任何运气

ng-init="model.refmarker='refmarkers[0]'"
ng-init="model.refmarker='refmarkers[0].ref'"
ng-init="model.refmarker='rm.ref'"

属性也required不起作用？角度选择元素有问题还是我做错了什么？

4

1 回答 1

27

required 只会在表单元素中起作用。

你想要的是 ng-init="model.refmarker=refmarkers[0]"

<!doctype html>
<html lang="en" data-ng-app="app">
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js"></script>
    <script type="text/javascript">

        angular.module('app',[])
                .controller('Main',function($scope)
                {
                    $scope.model = {};
                    $scope.refmarkers = [{ref:'abc'},{ref:'def'},{ref:'ghi'}];
                });
    </script>
</head>
<body ng-controller="Main">
{{'Angular'}}
<select ng-model="model.refmarker" ng-options="rm.ref for rm in refmarkers" ng-init="model.refmarker=refmarkers[0]"></select>
{{model.refmarker}}
</body>
</html>
于 2014-01-03T01:31:35.180 回答