Voici une question de JavaScript et Aurelia très fondamentale. Disons que j'ai un objet singleton, par exemple User et qu'il obtiendrait souvent des mises à jour du serveur, qui renvoie un nouvel objet User . Maintenant, pour pousser la mise à jour vers les vues, j'ai deux options (que je connais): Mettre à jour toutes […]
Nous avons un modèle comme celui-ci. The-template.html <template><div>${Foo}</div></template> Nous voulons faire cela avec lui. Some-file.ts let htmlString = makeItHappen('the-template.html', { Foo = 'bar' }); console.info(htmlString); // <div>bar</div> Quel est l'équivalent de notre fonction makeItHappen ?
J'ai renvoyé un groupe de validation pour valider mes entrées qui déclenchent le bouton de soumission et je veux déclencher par validation sur un événement flou pour déclencher la validation respective, pas tous. Par exemple: HTML: <form role="form" submit.delegate="welcome()" validate.bind="validation"> <div class="form-group"> <label for="fn">First Name</label> <input type="text" value.bind="firstName & updateTrigger:'blur'" class="form-control" id="fn" placeholder="first name" /> […]
Nous envisageons d'utiliser Aurelia pour une nouvelle application. Je viens d'un fond angulaire 1 (avec une exposition à Angular 2). Aurelia semble plutôt sympa et j'aime beaucoup la manière dont ils ont assumé la responsabilité de maintenir le flux de travail des développeurs. Cependant, j'ai des questions auxquelles je ne trouve pas les réponses: 1) […]
J'ai un projet avec 6 vues (html). Chacune de ces vues a un modèle de vue correspondant (.js) et une feuille de style juste pour cette vue (.css) L'aurelia-cli fait un travail merveilleux de recourir à mon fichier gratuitement et de regrouper tous les fichiers .js et .cs dans quelques fichiers afin qu'ils puissent être […]
J'ai un élément personnalisé qui prendra la saisie des utilisateurs et, en appuyant sur le bouton [Enregistrer], je souhaite transmettre des informations au modèle de vision parent afin de pouvoir l'envoyer au serveur et passer à la section suivante. Je vais simplifier cela par exemple: my-element.js : import { customElement, bindable } from 'aurelia-framework'; @customElement('my-element') […]
Le code: J'ai deux cours: export class Shipment { shipmentId: number; widget: Widget; } export class Widget { widgetId: number; name: string; } Ensuite, j'ai un modèle de vue ShipmentUi qui a une instance d'expédition ( this.shipment ). Et dans la vue ShipmentUi , je compose une partie de l'UI montre WidgetUi qui permet la […]
Je commence par une application TODO simple avec Aurelia, RethinkDB & Socket.IO. Je semble avoir du problème avec le re-rendu ou la réévaluation d'un objet qui a été changé via Socket.IO. Donc, fondamentalement, tout fonctionne bien sur le premier navigateur, mais ne se retrouvent pas dans le deuxième navigateur, alors que l'affichage de l'objet dans […]
Disons que j'ai un ensemble d'éléments et en plus d'afficher la liste dans mon application, je souhaite synchroniser la liste avec le serveur avec HttpClient . Comment puis-je observer les modifications apportées au tableau? J'ai essayé: @inject(ObserverLocator) export class ViewModel { constructor(obsLoc) { this.list = []; obsLoc.getObserver(this, 'list'); .subscribe(li => console.log(li)); } } Mais je […]
Lors de la création d'un élément personnalisé dans le DOM et l'ajout d'un modèle de vue respectif qui implémente le bindable à partir de la structure aurelia, ma vue est parfaitement adaptée. Élément personnalisé dans DOM comme tel: <!– chatbox.html –> <template> … <ul class="chat"> <answer name="Reah Miyara" nickname="RM" text="Hello World"></answer> </ul> … <button class="btn" […]