2016-11-14 7 views
-3

イオン物質デモアプリケーションで作業していますが、問題が発生しました。"アイテムクラス"すべては問題ありません。未定義のが「classNameは」プロパティを読み取ることができません:そのclass.codeを使用していないことは、私は(デモアプリケーションごとに)「アイテム・クラス」を使用していたとき、私は問題捕捉されない例外TypeErrorを直面していますアイテムクラスでのイオン物質問題

 <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)。私はNGリピートせずに、これはデフォルトのコードで混乱を解決するために2以上のペンを作成しているいくつかのソリューション(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> 

を引き起こす.Need取得できませんでした(および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">でアイテムクラスを削除した場合、正しく動作しません)。

+0

あなたのペンのコードはエラーを生成していないようです。実際のコードをここに含めたいと思っています。使用しているコードがこのエラーの原因となっています。 – Makoto

+0

コードペンのリンクが壊れています –

+1

@AnilKumarRamもう一度チェックしてください。それは開いています。もう一度チェックしてくださいhttps://codepen.io/anujsphinx/pen/jVqvaV – Anuj

答えて

0

は基本的に問題は...あなたは「アニメーション・フェードインスライドイン」とその細かい作業を削除することができます「アイテム」クラスではない

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

ので .animate-フェードインスライド-インチアイテムがあなたのコードに影響します..

+0

あなたもペンで試してみることができます、私はすでにそれを試したが運がない。 https://codepen.io/anujsphinx/pen/jVqvaV – Anuj

+0

**。animate-fade-slide-in .item **クラスクラスの要素を隠しています。https://codepen.io/anon/の名前を変更できます。ペン/ qqZGGb –

+0

ありがとう、しかし私はHTMLからitem2クラスを削除すると、それも動作します、一度チェック、私はhttp://ionicmaterial.com/のようなデザインが必要です。デモアプリケーションの設計とギャラリーメニュー、 – Anuj