AngularJSでオプションとテキスト入力フォームを提出する方法

Question

私はフォームを設定するのが初めてで、2つの別々の値を別のサーバーのJavaバックエンドに送信する必要があります。値の1つは、selectから得られ、もう1つはテキストinputフィールドから得られるべき事前定義された値です。

フロントエンドで、ユーザーはドロップダウンからオプションを選択し、テキストボックスにテキストを入力し、送信ボタンを押してバックエンドに送信します。

私はこの設定に問題があり、いくつかのポインタを探していました。私は何をしようとしているかのアイデアを描くいくつかのコードを持っています。

<div class="col-xs-3"> 

<label>Search Criteria:</label> 
<select class="form-control" tabindex="20"> 
    <option value="0" disabled selected>Select your criteria</option> 
    <option value="1">Project Reference</option> 
    <option value="2">Service Owner</option> 
    <option value="3">Service Name</option> 
    <option value="4">Service Abbreviation</option> 
    <option value="5">Domain Abbreviation</option> 
    <option value="6">Domain Name</option> 
</select> 
</div> 

    <div class="col-xs-3"> 
    <label>Search Terms:</label> 
    <form name="options" class="form-inline"> 
    <div class="form-group"> 
    <input type="text" tabindex="21" class="form-control" placeholder="Search for..." ng-model="mytext" required> 
    <button type="submit" tabindex="22" style="color: #ffffff; 
    background-color: #007381;" class="btn btn-default" ng-disabled="options.$invalid"><b>Go </b><b></b><span class="glyphicon glyphicon-chevron-right"></span></button> 
    </div> 
</form> 
    </div> 

Answer 1

複数の$ httpサービスコールを行う必要があります。それはあなたを助ける、あなたはこの

<form name="yourForm" ng-controller="YourController as yourCtrl" ng-submit="yourCtrl.send(formdata)">