angularjs NG-場合は定義されてではなく、大切なオブジェクト

Question

のために、私はasdと名前付きスコープオブジェクトを持つコントローラ、

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

app.controller("appCtrl", function($scope){ 
     $scope.asd = { 
      "name": "" 
    } 
}); 

を持っていると私はこのようなng-ifでhtmlコードでそれを使用しています。

<div ng-app="app"> 
    <div ng-controller="appCtrl"> 
    <p ng-if="asd.name"> 
     Defined {{asd.name}} 
    </p> 
    <p ng-if="!asd.name"> 
     Non Defined 
    </p> 
    </div> 
</div> 

このコードでは、Non Definedと記載していますが、これが定義されています。 Demo

ng-ifはオブジェクト値を検索しますか？オブジェクトの定義済みのプロパティを使用するにはどうすればよいですか？

Answer 1

angular.isDefinedを使用することをおすすめします。その場合、それは削除することによって、あなたのコードを変更することが最良である：

<p ng-if="asd.name"> 
    Defined {{asd.name}} 
</p> 
<p ng-if="!asd.name"> 
    Non Defined 
</p> 

を、代わりにスコープ変数への結合に置き換えること - そしてasd.nameのためのチェックは、このようなあなたのコントローラ内部で行うことができます。

$scope.varStatus = ""; 
if(angular.isDefined($scope.asd.name)){ 
    $scope.varStatus = "Defined" $scope.asd.name; 
} 
else{ 
    $scope.varStatus = "Non Defined"; 
} 

は、その後、あなたのテンプレートでは、この（私だけvarStatus変数のスコープを使用して注意してください）を実行します。

<div ng-app="app"> 
    <div ng-controller="appCtrl"> 
    <p> 
     {{varStatus}} 
    </p>  
    </div> 
</div> 

をそれを試してみる、私はこれが役に立てば幸い。