Установив Angular select ng-init на первое значение в массиве

Question

Установив Angular select 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 атрибут не работает? Элемент углового выбора глючит или я что-то не так делаю?

16

javascript angularjs angularjs-ng-init

Источник

user2345590 03 янв '14 в 01:20

1 ответ

Решение

Другие вопросы по тегам javascript angularjs angularjs-ng-init

user1198712 03 янв '14 в 01:31 2014-01-03 01:31 · Accepted Answer · 2014-01-03 01:31

Требуется будет работать только в стороне элемента формы.

То, что вы хотите, это 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>