離子材料問題與項目類

-3

我正在與離子材料演示應用程序，我面臨一些問題。當我不使用「項目類」然後一切都會好的，但用戶界面不是預期的，因爲我是不使用class.code是如下離子材料問題與項目類

 <div class="list half" > 
     <div class="card card-gallery item-text-wrap" ng-repeat="picsItem in myPics" > *<!-- no item class here -->*  
      <div class="ink dark-bg"> 
       <h2>{{picsItem.Title}}</h2> 
       <img ng-src="{{picsItem.Image}}" class="full-image" ng-last-repeat="mylist"> 
      </div> 
      <div class="tabs tabs-secondary tabs-icon-left"> *<!-- no item class here -->* 
       <a class="tab-item stable-bg assertive"> 
        <i class="icon ion-heart"></i> 
        {{picsItem.Like}} 
       </a> 
       <a class="tab-item stable-bg positive-900"> 
        <i class="icon ion-chatbubbles"></i> 
        {{picsItem.Comment}} 
       </a> 
      </div> 
     </div> 
    </div>

當我使用「項類」（根據演示應用程序），那麼我現在所面臨的問題遺漏的類型錯誤：無法讀取屬性未定義的「類名」並沒有顯示。我爲此創建了一個Pen（ https://codepen.io/anujsphinx/pen/jVqvaV）。我嘗試了一些解決方案（https://github.com/zachfitz/Ionic-Material/issues/46），但沒有獲得成功。需要結果和項目類

<div class="list half" > 
     <div class="item card card-gallery item-text-wrap" ng-repeat="picsItem in myPics" >     
      <div class="ink dark-bg"> 
       <h2>{{picsItem.Title}}</h2> 
       <img ng-src="{{picsItem.Image}}" class="full-image" ng-last-repeat="mylist"> 
      </div> 
      <div class="item tabs tabs-secondary tabs-icon-left"> 
       <a class="tab-item stable-bg assertive"> 
        <i class="icon ion-heart"></i> 
        {{picsItem.Like}} 
       </a> 
       <a class="tab-item stable-bg positive-900"> 
        <i class="icon ion-chatbubbles"></i> 
        {{picsItem.Comment}} 
       </a> 
      </div> 
     </div> 
    </div>

我已經建立2個筆，以解決困惑這是默認的代碼，而NG-重複（和div中的項目類）。這種類型的設計我想用ng-repeat。 2. http://codepen.io/anujsphinx/pen/yVOdJd這是代碼與ng重複（如果我刪除<a href="#/app/profile" class="item item-avatar item-icon-right" ng-repeat="relatives in myRelative">項目類，那麼它會工作，但不正確）。

來源

2016-11-14 Anuj

筆中的代碼似乎不會產生任何錯誤。你將要在這裏包含你的實際代碼;你正在使用的代碼完全導致了這個錯誤。 – Makoto

您的代碼筆鏈接已損壞 –

@AnilKumarRam再次檢查。它正在開放。再次檢查https://codepen.io/anujsphinx/pen/jVqvaV – Anuj

基本上問題不是「項」級，你可以刪除「動畫，淡入滑入」和它的做工精細...

ionicMaterialMotion.pushDown({ 
     selector: '.push-down' 
    }); 
    ionicMaterialMotion.fadeSlideInRight({ 
     selector: '.animate-fade-slide-in .item' 
    });

所以.animate褪色滑動項。影響您的代碼的項目 ..

來源

2016-11-14 07:48:52

你也可以試用筆，我已經試過了，但沒有運氣。 https://codepen.io/anujsphinx/pen/jVqvaV – Anuj

**。animate-fade-slide-in .item ** class hidden item item class ..因此你可以重命名https://codepen.io/anon/筆/ qqZGGb –

謝謝，但如果我將從HTML中刪除item2類然後它也將工作，檢查一次，我需要設計像http://ionicmaterial.com/ .check演示應用程序設計和畫廊菜單， – Anuj

離子材料問題與項目類

回答

相關問題