2015-05-04 83 views
0

在Angular JS中創建了inputs如何獲取Angular JS的輸入值?

<input type="text"> 
<input type="text"> 

如何從每個輸入中獲取值併發送到服務器?

我想:

<input type="text" ng-model="typeInput"> 

,但我得到的值只有一個字段。

在服務器,我打算讓數據格式:$_POST['type'][0] = 'One value'; $_POST['type'][1] = 'Two value';

我的意思是,我需要發送到值的服務器陣列。例如:

name="type[]" value="1" 
name="type[]" value="2" 
name="type[]" value="3" 

所以,在服務器我CANDO迴路檢查:

foreach($_POST['type'] as $val){ 
    //prepare 
} 
+0

使用,雖然它發送NG-模型'$ scope.typeInput' –

+1

清楚地說明你的問題。它沒有具體說明你想達到什麼目的? –

回答

2

使用NG-模型綁定到同名的控制器的$範圍的財產。

你會訪問它在你的控制器像這樣:

$scope.typeInput 

或者您也可以訪問它在你的HTML像這樣:

{{typeInput}} 

要進入這兩個領域,你需要給他們兩個不同的屬性名稱綁定到。

<input type="text" ng-model="firstName"> 
<input type="text" ng-model="lastName"> 
... 
alert($scope.firstName); 
alert($scope.lastName); 

更完整的信息在這裏:https://docs.angularjs.org/api/ng/directive/ngModel

編輯:下面是一個例子撥弄你的輸入綁定到一個數組:https://jsfiddle.net/gxmw62rj/2/

+0

但是,如果我想發送數組字段到服務器?如何像:'name =「type []」'? – Hamed

+0

同樣的問題:http://stackoverflow.com/questions/18810730/angularjs-name-array-with-ng-model – Hamed

+0

@Hamed - 我做了一個更新來顯示綁定到一個數組。 – c0r3yz