javascript - 如何在没有匹配记录的情况下显示输入框

Question

我的数据库中有 5 本书。其中只有3个有价格。如果数据库中没有价格，我如何仍然显示输入框？如果 books 和 bookPrices 表中有匹配的 Id，下面的代码仅创建一个输入框。我是初学者，如果可能，请在回答时使用我的示例代码。 :-)

我有 5 本书。只有书 1、3 和 5 有价格。第 2 项和第 4 项不会有输入框。我希望它们都有一个输入框，以便用户可以输入价格并保存。

<div ng-repeat="book in books">
  <div>
     <label>{{ book.Name }}</label>
     <div ng-repeat="price in bookPrices | filter : { bookId : book.bookId } ">
        <div>
           <input type="text" class="form-control" name="val" ng-model="price.Value" maxlength="100">
        </div>
     </div>
  </div>
</div>

Answer 1

如果没有值，您可以使用 Angular 条件来显示输入框。将第 4 行和第 5 行替换为以下代码。

<span>{{price.Value}}</span>
<div ng-if="price.Value == "" || price.Value == undefined">
  <input type="text" class="form-control" name="val" ng-model="price.Value" maxlength="100">
</div>

或者，如果您使用早于 1.1.5 的 Angular 版本，则可以使用 ng-show。

<span>{{price.Value}}</span>
<div ng-show="price.Value == "" || price.Value == undefined">
  <input type="text" class="form-control" name="val" ng-model="price.Value" maxlength="100">
</div>