web-dev-qa-db-ja.com

設定Angular配列の最初の値にng-initを選択

フォームを送信するために存在する値を強制しようとしているシンプルなselect要素があり、必要な属性の設定と、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属性も機能しませんか？ angular select element buggyですか、何か間違っていますか？

javascriptangularjsangularjs-ng-init
12
simplesthing

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>
23
Noishe