Articles of angular

La détection de changement Angular2 ne fonctionne pas après le rappel

Je suis tout à fait nouveau sur angular2 et j'ai un problème avec la détection de changement. Au chargement de ma page, je dois appeler une API afin d'obtenir l'information pour construire ma page Web. Ce que je fais, c'est que lorsque je reçois cette information (qui est contenue dans un tableau), je souhaite l'itérer […]

Comment charger plusieurs composants angular2 à partir de différents dossiers dans un fichier index.html?

J'ai développé quelques composants angulaires 2. La structure de répertoire de ma application suit. Et je charge chaque composant de index.html comme <script> System.config({ map: { 'rxjs': 'node_modules/rxjs' }, packages: { app: { format: 'register', defaultExtension: 'js' }, 'rxjs': {defaultExtension: 'js'} } }); System.import('component_1/app/main') .then(null, console.error.bind(console)); </script> Ce que j'ai fait, il ne doit y […]

Impossible de lire la propriété '_getPortal' de non-définie dans le test ionic 2 Unit

Je suis débutant à un test ionique de 2 unités. J'ai suivi la documentation angulaire 2 ( https://angular.io/docs/ts/latest/guide/testing.html ) pour tester mon application ionique 2 avec karma et jasmin. Mais maintenant, je suis coincé dans une erreur appelée 'Impossible de lire la propriété' _getPortal 'de indefined' Voici mon fichier LocationSearchModal.ts import { Component } from […]

Iframe à l'intérieur du composant angular2, Property 'contentWindow' n'existe pas sur le type 'HTMLElement'

J'ai un iframe à l'intérieur d'un composant angular2, et j'essaie de modifier le contenu de l'iframe en accédant à ContentWindow. L'iframe devrait contenir un bouton simple. Mon code: import { Component } from '@angular/core'; @Component({ moduleId: module.id, selector: 'component-iframe', template: '<iframe id="iframe"></iframe>' }) export class ComponentIframe { constructor() { let iframe = document.getElementById('iframe'); let content […]

Comment utiliser moment-timezone dans Angular2 via SystemJs

J'utilise Angular2 via angular2-seed (qui utilise SystemJS) et essaye de charger moment-timezone et d'utiliser moment.tz.guess() spécifiquement. J'importation via: import * as moment from 'moment-timezone'; Lorsque je fais ceci, j'ai l'erreur suivante dans mon navigateur: GET /node_modules/moment-timezone/data/packed/latest.json.js 404 (Not Found) Anuglar2-seed utilise defaultJSExtensions qui, je pense, est la raison pour laquelle les .js incorrects sont ajoutés, […]

Lite-server ne détecte pas un fichier de suppression `bs-config.json` ou` bs-config.js`

J'essaie d'exécuter une première application basée sur angular2. J'ai suivi les étapes angulaires2 . Lorsque je lance la commande npm start alors il donne l'erreur suivante dans le terminal N'a pas détecté un fichier de remplacement bs-config.json ou bs-config.js. Utilisation des paramètres par défaut du serveur Lite … Et aussi le navigateur renvoie 404 error […]

Comment détecter les modifications avec les objets Date dans Angular2?

Les objets de date qui sont modifiés à l'aide de la méthode setDate ne sont pas mis à jour dans le modèle. Dans le modèle: <p>{{date | date:'mediumDate'}}</p> En composant: nextDay(){ this.date.setDate(this.date.getDate()+1); } Mais lorsque j'appelle la fonction NextDay, le modèle n'est pas mis à jour avec la nouvelle valeur. La seule façon d'obtenir la […]

Comment filtrer le modèle angulaire (tableau) sans le détruire

J'ai un modèle pour mon point de vue. Ce modèle est un ensemble d'objets: var arr = { "12345qwery": { prop1: "value", prop2: "value" } } // contains 500 items Et aujourd'hui, je le filtre de la manière suivante: arr = $filter('filter')(arr, filterTerm); // contains 4 items Et après cette ligne, j'ai de bonnes données […]

Erreur de syntaxe système js, IE11

J'ai une application angulaire 2 fonctionnant à l'intérieur de Firefox et Chrome, pas tellement dedans (soupir) IE. Sur la base de ma trace de pile, il semble qu'il y ait un problème avec ma configuration System js. Voici la description d'erreur que je vois à l'intérieur de ma console Web. Error: (SystemJS) Syntax error SyntaxError: […]

Uncaught TypeError: System.import n'est pas une fonction

Ce code est censé afficher un div contenant Hello World, mais je reçois l'erreur Uncaught TypeError: System.import is not a function erreur Uncaught TypeError: System.import is not a function . Je suis en train de suivre la vidéo de tutoriel pour ng-book2, qui contient le code suivant dans index.html : <!DOCTYPE html> <html> <head> <title>Angular […]