So zeigen Sie ein Eingabefeld an, auch wenn keine übereinstimmenden Datensätze vorhanden sind

Question

Es befinden sich 5 Bücher in meiner Datenbank. Nur 3 von ihnen haben einen Preis. Wie kann ich noch ein Eingabefeld anzeigen, wenn kein Preis in der Datenbank ist? Der folgende Code erstellt nur dann ein Eingabefeld, wenn eine übereinstimmende ID in Büchern und in der Tabelle bookPrices vorhanden ist. Ich bin ein Anfänger, wenn möglich benutze bitte meinen Beispielcode bei der Beantwortung. :-)

Ich habe 5 Bücher. Nur Bücher 1, 3 & 5 hat einen Preis. Es gibt kein Eingabefeld für Artikel 2 & 4. Ich möchte, dass alle von ihnen ein Eingabefeld haben, damit der Benutzer einen Preis eingeben und speichern kann.

<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

können Sie eine Winkelbedingung verwenden Sie das Eingabefeld zu zeigen, wenn es keinen Wert. Ersetzen Sie die Zeilen 4 und 5 durch den folgenden Code.

<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> 

Alternativ, wenn Sie eine Winkel Version älter als 1.1.5 verwenden können Sie ng-show verwenden.

<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>