Ионный вопрос материала с классом предметов

Question

Я работаю с демонстрационным приложением для ионного материала, и я столкнулся с какой-то проблемой. Когда я не использую «класс предмета», тогда все будет в порядке, но пользовательский интерфейс не так ожидаемый, потому что я не с помощью этого 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> 

Когда я использую «Item Class» (как на демо-приложение), то я столкнулся вопрос неперехваченным TypeError: не удается прочитать свойство «Classname» неопределенных и ничего не отображается. Для этого я создал Pen ( https://codepen.io/anujsphinx/pen/jVqvaV). Я попробовал какое-то решение (https://github.com/zachfitz/Ionic-Material/issues/46), но не получил успех .need результата с классом элемента

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

---

я создал еще два перо, чтобы решить путаницы 1. http://codepen.io/anujsphinx/pen/yVOdad это код по умолчанию без нг-повтора (и класс item в div). Этот тип дизайна я хочу с ng-repeat. 2. http://codepen.io/anujsphinx/pen/yVOdJd это код с ng-repeat (если я удалю класс item в <a href="#/app/profile" class="item item-avatar item-icon-right" ng-repeat="relatives in myRelative">, тогда он будет работать, но не будет правильно).

Answer 1

В основном проблема не с классом «пункт» вы можете удалить 'одушевленное выцветанию-слайд-ина и его работает отлично ...

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

так .animate-нарастающий вставные. item, влияющий на ваш код.