Question

我正在使用Ionic材料演示应用程序而且我遇到了一些问题。当我不使用＆＃34; item class＆＃34; 时，一切都会好的但UI不是预期因为我没有使用那个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>

当我使用＆＃34;项目类＆＃34; （根据演示应用）时，我面临问题未捕获的TypeError：无法读取属性＆＃39; className＆＃ 39;未定义并且没有任何显示。我为此创建了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支笔来解决混乱 1. http://codepen.io/anujsphinx/pen/yVOdad这是没有ng-repeat（和div中的项类）的默认代码。这种类型设计我想用ng-repeat。 2. http://codepen.io/anujsphinx/pen/yVOdJd这是带有ng-repeat的代码（如果我删除<a href="#/app/profile" class="item item-avatar item-icon-right" ng-repeat="relatives in myRelative">中的项目类，那么它将起作用但不正确）。

Answer 1

基本上问题不在＆＃39;项目＆＃39;您可以删除＆＃39; animate-fade-slide-in＆＃39;并且工作正常...

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

如此 .animate-fade-slide-in .item 影响您的代码..

物品类的离子材料问题

1 个答案: