angularjsコントローラ内のフォームから複数の入力フィールドにアクセスする方法

Question

コントローラ内のフォームに定義されている個々の入力名にアクセスするにはどうすればよいですか？

rates.rateName 
rates.rateBitrate 
rates.rateWidth 
rates.rateHeight 

これは動作しない：VARのURL = {{TMP + data.rateName}}。

フォームから入力値の1つを抽出してURL http：// に追加して、$ http POSTで使用する必要があります。私はフォームから入力の残りの部分をすべて一緒にPOSTとjson blobに入れておく必要があります。

 <div ng-controller="RateCtrlAdd"> 
 
     <rd-widget> 
 
     <rd-widget-header icon="fa-users" title="Rates"> 
 
\t  </rd-widget-header> 
 
     </rd-widget> 
 
     <p></p> 
 

 
    <div class="row"> 
 
     <div class="col-sm-6"> 
 
     <form name="myForm" ng-submit="SendData()"> 
 
     <input class="form-control input-lg" type="text" 
 
      placeholder="rate name" 
 
      name="rates.rateName" 
 
      ng-model="rates.rateName" required/> 
 
     <br> 
 
     <input class="form-control input-lg" type="text" 
 
      placeholder="rate bit rate" 
 
      name="rates.rateBitrate" 
 
      ng-model="rates.rateBitrate" required/> 
 
     <br> 
 
     <input class="form-control input-lg" type="text" 
 
      placeholder="rate width" 
 
      name="rates.rateWidth" 
 
      ng-model="rates.rateWidth" required/> 
 
     <br> 
 
     <input class="form-control input-lg" type="text" 
 
      placeholder="rate height" 
 
      name="rates.rateHeight" 
 
      ng-model="rates.rateHeight" required/> 
 
     </form> 
 
     </div> 
 
    </div> 
 

 
<div class="row" style="margin-top: 12px;"> 
 
    <div class="col-sm-6"> 
 
    <button class="btn btn-success btn" value="Send" ng-click="SendData()"> 
 
     Add 
 
    </button> 
 
    <a href="/rates" class="btn btn-danger btn"> 
 
     Cancel 
 
    </a> 
 
    </div> 
 
</div> 
 
    
 
</div>

'use strict'; 
 

 
    angular.module('RDash') 
 
    .controller('RateCtrlAdd', ['$scope', '$http', function($scope, $http) { 
 

 
    console.log('RateCtrlAdd - enter...'); 
 

 
    $scope.SendData = function() { 
 
     var data = $scope.rates; 
 
       
 
     console.log('RateCtrlAdd - rates from input form: ', $scope.rates); 
 

 
     var tmp = 'http://10.10.15.145:8085/lms/outputstream/'; 
 
     var url = {{ tmp + data.rateName }}; 
 
     
 
     console.log('RateCtrlAdd - url: ', url); 
 
    
 
    }; // end function() 
 
     
 
    console.log('RateCtrlAdd - ...exit'); 
 
     
 
    }]); // end controller()

Answer 1

あなたはコントローラに結合表現即ち{{}}を使用傾けます。

この

var url = tmp + data.rateName;