cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Masalah menggunakan ng-hide dalam angularjs.

<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.

某草草某草草2824 hari yang lalu588

membalas semua(2)saya akan balas

  • 天蓬老师

    天蓬老师2017-05-15 16:58:13

    用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

    balas
    0
  • 某草草

    某草草2017-05-15 16:58:13

    ng-hide=“item.amount==0”

    balas
    0
  • Batalbalas