Я создаю свое первое угловое веб-приложение iam, пытающееся развернуть одну форму, и я не смог получить значение опции выбора в моей базе данных. Я использовал приведенный ниже код для получения моей ценности в базе данных.
<div class="form-group">
<label class="control-label" for="basicSelect">Total Hours of Test</label>
<label class="select select-o">
<select id="basicSelect" name="basicSelect" ng-model="test.totalTime">
<option value="">- Select One -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
</select>
</label>
</div>
код контроллера
$scope.test = {
totalTime: null,
testType: null
};
Я использую mongodb в базе данных и узле на бэкэнд.
Другие части формы проходят четко и в полной форме. но я не могу получить это значение в одиночку. Я ошибаюсь в html-части. Может ли кто-нибудь разобраться со мной.
Я думаю, что то, что вы хотите сделать, это вызвать функцию при изменении значения, вы можете использовать ng-change
для вызова функции всякий раз, когда значение изменяется следующим образом:
<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script>
var app = angular.module('yourApp', []);
app.controller('YourCtrl', function($scope) {
$scope.test = {
totalTime: null,
testType: null
};
$scope.selectedTime = function(value) {
alert('selectTime ' + value);
};
});
</script>
</head>
<body ng-app="yourApp">
<div ng-controller="YourCtrl">
<div>
test.totalTime: {{test.totalTime}}
</div>
<div class="form-group">
<label class="control-label" for="basicSelect">Total Hours of Test</label>
<label class="select select-o">
<select id="basicSelect" name="basicSelect" ng-model="test.totalTime" ng-change="selectedTime(test.totalTime)">
<option value="">- Select One -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
</select>
</label>
</div>
</div>
</body>
</html>
Я создал показ вашей идеи плунжера