离子材料问题与项目类

-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

离子材料问题与项目类

回答

相关问题