angular.js - Masalah menggunakan ng-hide dalam angularjs.
某草草
某草草 2017-05-15 16:56:13
0
2
569
<p class="原有的class" ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>
具体内容
</p>

item.amount ialah kuantiti produk Ia akan diubah suai secara dinamik apabila anda mengklik -
Gambar ini ialah senario aplikasi tertentu Apabila anda mengklik -, apabila ia sama dengan 0, anda perlu menyembunyikan p. Situasi semasa ialah Anda boleh menyembunyikannya dengan menyegarkan halaman atau melompat ke belakang, tetapi anda tidak boleh menyembunyikannya serta-merta apabila anda mengklik -. Sila beritahu saya bagaimana untuk menyelesaikannya. Kerana ia adalah senarai yang dihasilkan oleh ng-repeat, ng-hide tidak boleh meneruskan nilai Boolean secara langsung.

某草草
某草草

membalas semua(2)
Peter_Zhu

用ng-hide="item.amount==0"

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.items = [{amount:0}];
  
  $scope.minus = function(){
    --$scope.items[0].amount;
  }
});

  <body ng-controller="MainCtrl">
    <p ng-hide="item.amount==0" ng-repeat="item in items track by $index">
      {{item.amount}}
    </p>
    <button ng-click="minus()">-</button>
  </body>

http://plnkr.co/edit/7KeNE5BtMJvRmjrafcr0

某草草
ng-hide=“item.amount==0”
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan