мой вариант ввода не работает в angularjs

0

Я создаю свое первое угловое веб-приложение 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-части. Может ли кто-нибудь разобраться со мной.

  • 0
    что происходит, когда вы консоль журнала и изменить параметры?
  • 0
    для всех вариантов его логирование не определено ...
Показать ещё 1 комментарий

1 ответ

1
Лучший ответ

Я думаю, что то, что вы хотите сделать, это вызвать функцию при изменении значения, вы можете использовать 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>

Я создал показ вашей идеи плунжера

Ещё вопросы

Сообщество Overcoder
Наверх
Меню