Question

如何从此表单中获取输入以角度进入数组？

<form>
        <tr>
          <td class="Meal-form">
            <input type="date" ng-model="date" placeholder="select" required></td>
          <td>
            <select ng-model="meal" ng-options="meals.name for meals in mealTypes">
              <option value="" disabled selected>Select</option>
            </select>
          </td>
          <td><input type="text" ng-model="about" placeholder="What did you eat" required></td>
          <td>
            <select ng-model= "feel" ng-options="feeling.name for feeling in feels">
              <option value="" disabled selected>Select</option>
            </select>
          </td>
          <td><input type="submit" id="submit" value="Submit Content"></td>
        </tr>
</form>

我知道如何将信息从角度提取到HTML，而不是如何将HTML提升为角度。

Answer 1

您需要在控制器中创建模型，并保存功能

$scope.model = {
  date: '',
  meal: '',
  about:'',
  feel: ''
};

$scope.save = function()
{
   alert($scope.model.date);
   alert($scope.model.meal);

   $scope.yourarray.push($scope.model);
}

你的Html需要改变

<form>
        <tr>
          <td class="Meal-form">
            <input type="date" ng-model="model.date" placeholder="select" required></td>
          <td>
            <select ng-model="model.meal" ng-options="meals.name for meals in mealTypes">
              <option value="" disabled selected>Select</option>
            </select>
          </td>
          <td><input type="text" ng-model="model.about" placeholder="What did you eat" required></td>
          <td>
            <select ng-model= "model.feel" ng-options="feeling.name for feeling in feels">
              <option value="" disabled selected>Select</option>
            </select>
          </td>
          <td><input type="buttton" ng-click="save()" id="submit" value="Submit Content"></td>
        </tr>
</form>

注意ng-bind，它应该是这个ng-model="model.date"

Answer 2

使用ng-model在视图（HTML）和模型（JS）之间创建双重绑定关系。也就是说，当用户输入您的表单时，您可以执行

console.log($scope.date)

打印他们输入的日期。

如何将用户输入（HTML）发送到Angular中的数组？

2 个答案: