2017-10-03 1 views
2

Je suis triyng pour travailler cette liste d'amplis dynamique en obtenant des données de json dynamique. Everithing fonctionne très bien, mais l'ampli-liste n'est pas dynamique, il devrait changer après chaque chargementLa hauteur de la liste d'ampli ne se met pas à jour

<amp-list class="products-category" width="auto" height="700" layout="fixed-height" [src]="myState.items" src="/dropshipping/__AMP_get_products.php" id="show-more-list"> 
    <template type="amp-mustache"> 
     <a href="{{url}}" class="tile" role="listitem"> 
      <amp-img width="130" height="130" layout="fixed" alt="{{name}}" src="{{img}}"></amp-img> 
      <div class="product_name">{{name}}</div> 
      <div class="short_description">{{description}}</div> 
      <div class="price"> 
       <span class="list-price">&euro;{{list-price}}</span> 
       <span class="sell-price">&euro;{{sell-price}}</span> 
      </div> 
     </a> 
    </template> 
</amp-list> 

<amp-state id="myState" src="/dropshipping/__AMP_get_products.php"></amp-state> 
    <form method="GET" action="/dropshipping/__AMP_get_products.php" action-xhr="/dropshipping/__AMP_get_products.php" target="_top" 
     on="submit-success: AMP.setState({ 
      myState: { items: myState.items.concat(event.response.items)}, 
      product: {index: product.index + 1, 
      hasMorePages: event.response.hasMorePages} 
     });"> 
     <input type="hidden" name="index" value="0" [value]="product.index"> 
     <input type="submit" value="Mostra altri prodotti" [class]="(product.hasMorePages == false ? 'hide' : 'ampstart-btn caps m1 mb3 show')"> 
    </form> 

https://www.nutritioncenter.it/proteine/?amp

+0

Vous ne savez pas exactement ce que vous entendez par 'amp-list n'est pas dynamique, elle devrait changer après chaque chargement'. Si vous modifiez votre JSON, les modifications seront disponibles en cliquant/actualiser. Cependant, je ne vois pas de fichier .json. 'myState.items' ne fonctionnera pas. En outre, le site stockant 'src' doit être HTTPS et CORS activé. –

+0

Désolé pour mon anglais, je veux dire "la hauteur de l'ampli n'est pas dynamique, après avoir cliqué sur le bouton les nouveaux éléments sont chargés depuis le json en html mais la hauteur de l'ampli reste la même" .. vous pouvez voir la démo en ligne sur le lien ci-dessus. Le fichier json est correctement spécifié sur le code est: https://www.nutritioncenter.it/dropshipping/__AMP_get_products.php HTTPS et CORS sont activés. –

Répondre

1

Essayez AMP-Live-List. AMP-List est statique.

+0

Ok amp-live-list essayé mais ne fonctionne pas comme prévu. Cela fonctionne avec timestamp et n'est pas utile dans ce cas. Résolu en utilisant amp-liste avec hauteur fixe et lisse défiler vers le haut après le clic du bouton :) merci –