2016-09-02 3 views
0

첫 번째 앵귤러 웹 응용 프로그램을 구축 중입니다. 하나의 양식을 배포하려고하는데 내 데이터베이스에 선택 옵션의 값을 가져올 수 없습니다. 내 값을 얻기 위해 아래 코드를 사용했습니다. 데이터베이스내 옵션 입력이 angularjs에서 작동하지 않습니다

<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

콘솔 로그 및 옵션을 변경하면 어떻게됩니까? – defaultcheckbox

+0

모든 옵션에 대해 해당 로깅이 정의되지 않았습니다 ... –

+0

컨트롤러 코드 (select와 관련됨)를 추가 할 수 있습니까? console.log를 넣는 위치를 포함 시키십시오. – defaultcheckbox

답변

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> 

을 보여 내 아이디어 plunker

관련 문제