私のオプション入力がangularjsで動作していません

私の最初の角度のWebアプリケーションを構築しています。私は1つのフォームを展開しようとしていますが、私のデータベースにselectオプションの値を取得できませんでした。データベース。私のオプション入力が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 

};

iは、バックエンドのデータベースとノードでのMongoDBを使用します。

フォームの他の部分がはっきりと完全な形をしています。しかし、私はこの値だけを得ることはできません。 htmlの部分で間違っていますか？誰かが私を並べ替えることができますか？

出典

2016-09-02 Nivas Dhina

コンソールのログとオプションを変更するとどうなりますか？ – defaultcheckbox

すべてのオプションのログは未定義です... –

コントローラコード（selectに関連する）を追加できますか？ console.logを置く場所を含めてください。 – defaultcheckbox

私は関数を呼び出すで何をやりたい値が変更されたときに値が次のように変更されるたびに関数を呼び出すために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

出典

2016-09-02 16:17:18

私のオプション入力がangularjsで動作していません

答えて

関連する問題