javascript - Angular - 使用模型填充表单 - 类型号不起作用

Question

我正在创建一个编辑 View ，该 View 应填充 ng-init="findOne() 中的数据。

似乎得到了除了价格输入之外的所有内容，这是唯一的数字输入形式。

type="number" 有什么特别之处吗？它不会使用 model="saving.price" 但例如它会填充 model="saving.retailer" 框，即 type="text"。

这是查看代码

        <!-- Retailer Box Start-->

          <div class="form-group new-deal-form"
               ng-class="{ 'has-error' : createSavingForm.title.$invalid && submitted}" show-errors>
            <label for="retailer">Retailer</label>
            <input name="retailer" type="text" ng-model="saving.retailer" id="retailer" class="form-control"
                   placeholder="Retailer" required>
            <div class="sub-label">Enter the Retailer of the Deal.</div>
            <div ng-messages="savingForm.savingsCTRL.retailer.$error" role="alert">
              <p class="help-block error-text" ng-message="required">Retailer is required.</p>
            </div>
          </div>

          <!-- Retailer Box End-->

          <!-- Price Box Start-->

          <div class="form-group new-deal-form"
               ng-class="{ 'has-error' : createSavingForm.title.$invalid && submitted}" show-errors>
            <label for="price">Price(Euro)</label>
            <input name="price" type="number" ng-model="price" id="price" class="form-control" placeholder="Price"
                   required>
            <div class="sub-label">Enter the Price of the Deal. 0 for no price.</div>
            <div ng-messages="savingForm.savingsCTRL.price.$error" role="alert">
              <p class="help-block error-text" ng-message="required">Price is required.</p>
            </div>
          </div>

          <!-- Price Box End-->

Batarang 清楚地表明该型号具有价格。如果我在价格框中输入某些内容并点击更新，它将保存新价格。

Answer 1

您还没有发布您的模型，但 <input type="number"> 有一些特别之处- 它只能绑定(bind)到数字( price = 2 )，而不是值为数字的字符串( price = '2' )。

function Ctrl($scope) {
  $scope.priceStr = '2';
  $scope.priceNum = 2;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-app>
  <div ng-controller="Ctrl">
    <label>string model </label>
    <input type="number" ng-model="priceStr" /><br/>
    <label>number model </label>
    <input type="number" ng-model="priceNum" />
  </div>
</div>