Überprüfen Sie Param in Objekt in ng-Modell

Question

Ich habe Liste mit einigen Personen, und wenn diese Person Kommentarfeld haben - Sie können diese Informationen in input:text bearbeiten. Also zeige ich dieses Feld, wenn die Person dieses Feld hat. Aber ich habe ein Problem, wenn ich vorherigen Kommentar entfernen - Eingabe ist ausblenden. Es ist , und ich denke, es ist falsch.

<input person="text" ng-show='person.comment' ng-model='person.comment'> 

ich versuche, dies zu tun:

ng-show='person.comment || person.comment === ""' 

aber vielleicht eine andere Art und Weise gibt es? wie comment in person? My plnkr.

Answer 1

Um zu überprüfen, ob ein Objekt einen Schlüssel in Javascript hat, für Sie, könnten Sie schreiben:

ng-show="person.hasOwnProperty('comment')"

von How do I check if an object has a key in JavaScript?

Answer 2

Fügen Sie einfach angular.forEach Schleife auf $ scope.stuff Array wie: -

Js

var app = angular.module('App', []); 

app.controller('Ctrl', function($scope) { 
    $scope.hideVariable = true; 
    $scope.stuff = [ 
     { 
     name: 'Jack', 
     age : 22, 
     comment : 'good boy' 
     }, 
     { 
     name: 'Bob', 
     age : 23, 
     comment : 'likes beer' 
     }, 
     { 
     name: 'Alisa', 
     age : 21, 
     comment : 'pretty girl' 
     }, 
     { 
     name: 'Jane', 
     age : 25, 
     comment : "she's fine" 
     }, 
     { 
     name: 'Mike', 
     age : 19, 
     comment : 'playing guitar' 
     } 
    ] 
    angular.forEach('$scope.stuff', function (data) { 
     if(data.comment === null || data.comment === 'undefined') { 
     $scope.hideVariable = false; 
     } 
    }) 
}) 

HTML

<input person="text"ng-show="hideVariable" ng-model='person.comment'> 

gehen durch diese plunker