Articles of aurelia

Comment déployer une application Web Aurelia dans un serveur Apache?

Pour essayer, j'ai utilisé le dernier "aurelia-skeleton-navigation 1.0.0-beta.1.0.1". Pour déployer l'application web Aurelia dans un serveur Apache, j'ai utilisé la commande "gulp export" et j'ai copié le contenu de "export" dans le répertoire "www / html / myapp". Donc, l'onglet Bienvenue fonctionne bien, mais pas l'onglet "utilisateurs github"! L'erreur est la suivante: ERROR [app-router] Erreur: […]

Comment puis-je demander aux utilisateurs de confirmer avant de quitter la page sur Aurelia.js

J'ai une longue opération sur la page. Comment puis-je dire que l'utilisateur attend un peu quand il effectue le changement de navigation? L'idée est de montrer le dialogue promt. Mais les problèmes empêchent le comportement du routeur Aurelia par défaut. Comment cela fonctionne-t-il dans Aurelia.js?

Utilisation de jQuery avec Aurelia

J'ai une application Aurelia et dans app.js je veux utiliser jQuery. Donc, mon config.js ressemble à: System.config({ … map: { … "jquery": "npm:[email protected]", … } } Et dans app.js, j'importe le jQuery comme ceci: var $ = require('jquery'); Mais quand je l'exige, j'obtiens le site vierge. Même chose avec l'importation: import $ from 'jquery'; Qu'est-ce […]

Le moyen de liaison Aurelia le plus efficace pour un objet singleton

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 […]

Ajout d'une valeur à la config.title du routeur Aurelia

Je souhaite définir une valeur de titre de base pour mon application Aurelia, puis ajouter une valeur à celle-ci en fonction de l'itinéraire actif. La configuration de mon routeur est: export class App { configureRouter(config, router) { config.title = 'Brandon Taylor | Web Developer | Graphic Designer'; config.map([ . . . { route: 'work', name: […]

Service angulaire à Aurelia?

Je n'ai pas encore trouvé de documentation décente détaillant comment migrer d'Angular 1.x vers Aurelia. Jusqu'à présent, je n'ai vu que des gens détaillant comment le concept d'une directive angulaire peut être refait à Aurelia en utilisant @customElement . D'accord, assez simple. Mais ces exemples toujours, toujours simplement des données simulées. Cela dit, Angular Services […]

Générer une chaîne HTML brute à partir d'un fichier de composant et d'un modèle de vue

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 ?

Aurelia DI avec interfaces dactylographiées

J'ai parcouru la documentation d'Aurelia DI et j'ai regardé le code source et je voulais partager ce que j'essaye de réaliser afin que je puisse être abattu si je manque quelque chose d'évident. J'ai regardé les échantillons ici pour TS avec Aurelia mais je ne vois pas comment cela fonctionnera, et les documents manquent. Ce […]

Change Array Order à Aurelia, comportement étrange

J'essaie de créer un élément personnalisé pour gérer des listes simples, renommer les éléments et modifier leur commande. Malheureusement, je remarque un comportement étrange qui est vraiment difficile à définir. La saisie dans les entrées ne semble pas être reconnue comme une modification pour Aurelia pour mettre à jour l'élément Lorsque vous tapez / modifiez […]

Erreur non trouvée de l'API JavaScript JavaScript

Je joue avec la nouvelle version de l'API Google Sheets dans mon application Aurelia (j'utilise TypeScript). J'ai réussi à me connecter à l'utilisateur et à demander les étendues requises, mais lorsque j'essaie d'obtenir les valeurs d'une feuille de calcul, l'API lance l'erreur suivante: Cb = gapi.loaded_0: 269 Erreur non détectée: arrayForEach a été appelé avec […]