javascript - 如果 json 中的数据等于 Ionic 和 Angular 的 true，则在页面上显示一个区域

Question

我正在创建一个 ionic 应用程序，并且我通过 Ionic Controller 从 php 页面请求了一些变量。从我获得的变量中，我有一个名为 active 的字段，每个用户登录后可以是 yes 或 no 。 我想要实现的是，页面上有一个名为“activediv”的 div，并且我希望仅当 json 中的变量 = yes 时才显示该 div。

.controller('useraccount_ctrl', ['$scope', '$http', function($scope, $http) {
   $http.get('http://localhost/myapp/app_ion/templates/user/user_account.php').success(function(data) {
       $scope.userdata = (data);
   });
}])

HTML

<ion-content class="has-subheader"> 

<ion-list class="list card" ng-repeat="item in userdata">
   <ion-item href="#/tab/source/{{item.profile_id}}">
 <div class="item item-avatar-big">
<img src="../usr_up_img/{{item.profile_pix}}">
    <h2>{{item.fname}}</h2>
    <p>{{item.country}}</p>
    <p>{{item.curr_city}}</p>
  <div id="activediv">{{item.active}}</div>
  </div>
   </ion-item>
  </ion-list>

  </ion-content>

JSON

[{"fname":"Nicholas","country":"India","curr_city":"East Legon","profile_id":"1298","profile_pix":"173333297082.jpg","active":"yes"}] 

Answer 1

试试这个

<div id="activediv" ng-if ="item.active == 'yes'">{{item.active}}</div>