Angularjs ng-show 使用来自 api 调用的范围数据

Question

我正在尝试使用来自 API 调用的数据来使用 ngShow 指令，但似乎无法使其正常工作。

我的控制器：

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 也不会显示。不确定我在这里做错了什么。提前为糟糕的格式表示歉意，因为您可能会说这只是我代码的复制。

Answer 1

只需删除大括号和单引号

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

如果 sampleData.member 值类型是 Boolean 则删除等于 true 也

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

Angularjs ng-show 使用来自 api 调用的范围数据

Angularjs ng-show using scope data from api call

html

angularjs

ng-show