Angular：如何在控制器中獲取表單的輸入值？

Question

我有一個表格：

<form ng-submit="submit()"> 
    New Chore: <br> 
    Name: <input type="text" name="name"><br> 
    Hours: <input type="text" name="hours"><br> 
    <input type="submit" id="submit" value="Submit" /> 
</form> 

，並在我的控制器：

$scope.submit = function() { 
    if ($scope.name) { 
     alert("here"); 
     $scope.chores.push({name: $scope.name, hours: $scope.hours}); 
     $scope.name = ''; 
    } else { 
     alert("none"); 
    } 
}; 

但它始終是要去else聲明。我如何在我的控制器中獲取表單中的名稱和小時數？

Answer 1

您沒有將輸入值綁定到範圍的屬性。

嘗試ng-model：

<form ng-submit="submit()"> 
    New Chore: <br> 
    Name: <input type="text" name="name" ng-model="name"><br> 
    Hours: <input type="text" name="hours" ng-model="hours"><br> 
    <input type="submit" id="submit" value="Submit" /> 
</form>