2017-02-22 13 views
0

APIコールのデータを使用してngShowディレクティブを使用しようとしていますが、正しく動作しないようです。APIコールのスコープデータを使用してAngularJs ng-showを表示します。

マイコントローラー:

angular.module('app').controller('apiCallController'[$scope,'$http',function($scope,$http{ 

    $http.get(sampleUrl) 
    .success(function(data){ 
    $scope.sampleData = data 
    }); 

}]); 

HTML:

<label>User Name: {{sampleData.userName}}</label> 
<div ng-show="'{{sampleData.member}}' === 'true'"> 
    <label>Enter Email:</label> 
    <input type="text"> 
</div> 

私は、コードを実行すると、私はブラウザでDOMエクスプローラをチェックしたときにすべてのデータを適切に示しているが、ngShowディレクティブがあります正しく動作しません。式が真であってもdivは表示されません。私がここで間違っていることを確かめない。あなたがおそらくこれは私のコードの複製に過ぎないと言えるでしょう。

答えて

1

sampleData.member値の型がブールの場合はちょうど波括弧や単一引用符

<div ng-show="sampleData.member === 'true'"> 
    <label>Enter Email:</label> 
    <input type="text"> 
</div> 

を削除し、その後も

<div ng-show="sampleData.member"> 
     <label>Enter Email:</label> 
     <input type="text"> 
</div> 
+0

を等しい真を削除し、これは私の問題を解決しているようだ、ありがとう。 –

+0

ようこそ。正解とマークするようにしてください –

関連する問題