2017-02-22 21 views
0

Я пытаюсь использовать директиву ngShow, используя данные из вызова API, но не могу заставить его работать правильно.Angularjs ng-show, используя данные области из api call

Мой контроллер:

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

просто удалить фигурные скобки и одиночные кавычки

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

если тип sampleData.member значение Boolean, то удалить равно справедливо и

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

Спасибо, это, кажется, решить мою проблему. –

+0

ваш приветствовать. обязательно отметьте правильный ответ –