2017-01-22 3 views
0

角度定数を使用してデータを渡す選択ボックスがあります。私は問題を解決しようとしていたが成功しなかったので、私はそれをどのように書いたのか2つの異なるタイプを得た。問題は、私のセレクトボックスがポストリクエストに何らかの価値を渡していないということです。理由は分かりません。私もng-optionを使って同じ結果を試してみました。 AngularJS選択オプションは、httpポストリクエストに値を渡さないでください。

(function() { 
app.constant("Constants", { 
    Status: { 
     1 : "New", 
     2 : "Active", 
     3 : "OnHold", 
     4 : "Testing", 
     5 : "Finished", 
     6 : "Dropped" 
    }, 
    Priority: [ 
     { id: "1", name: "Low" }, 
     { id: "2", name: "Medium" }, 
     { id: "3", name: "High" }, 
     { id: "4", name: "Urgent" }, 
    ], 
}); 

ここで私は私のフォームのための私のコントローラからのこれらのデータを使用する場合にここに私の図である私の角度コントローラ

$scope.priority = { 
     model: null, 
     options: Constants.Priority, 
    } 
    $scope.status = { 
     model: null, 
     options: Constants.Status, 
    } 

スコープにそれらの列挙に結合します。私は公式の角度マニュアルに従ってNGリピートを使用します。https://docs.angularjs.org/api/ng/directive/select

<div class="form-group"> 
    <label>Select Status</label> 
    <select name="status_select" id="status_select" ng-model="status.model" class="form-control"> 
     <option ng-repeat="x in status.options" value="{{x.id}}">{{x}}</option> 
    </select> 
</div> 

は、そのが正しく機能していない理由を私は何かが足りないのですか?

答えて

0

ステータスはオブジェクトですが、idはありません!

利用NG-オプションこのような

<select ng-model="status.model" ng-options="key as value for (key , value) in status.options"> 
</select> 

またはNGリピート:迅速な応答のための

<select ng-model="status.model"> 
    <option ng-repeat="(key, value) in status.options" value="{{key}}">{{value}}</option> 
</select> 
+0

おかげで、私はこれを試してみましたが、残念ながらそのは私のために働いていません。それでもそれらの選択ボックスから私の値を除いてすべてを送信します。私のコードでは愚かな間違いであるに違いないが、今はそれを見ることができない。 – Martin

+0

@Martinもっと助けを求めるあなたのコードのプランナーを作成してください –

+0

私はすでにそれを解決しました。私は愚かな間違いをした。選択したボックスを間違ったモデルに割り当てました。私はそれをインストールして見たng-inspectorでチェックしました。 このng-model