Articles of angular

Quels sont les avantages de l’utilisation de store (ngrx) dans angular 2

Je travaille sur un projet angular 1.xx et envisage de mettre à jour mon code en angular 2 . Maintenant, dans mon projet, j’ai plusieurs services (usine) pour gérer les données qui conservent presque les données dans les baies js (à la fois en cache et en stockage) et traitent ces données en utilisant un […]

Angular 2 – Routage par sous-module et nested

Je cherche une solution avec Angular 2 pour le scénario expliqué ci-dessous: Dans ce scénario, la top-nav contient des liens vers des sous-modules de chargement et la sous-navigation a des liens pour mettre à jour le contenu du sous-module. Les URL doivent correspondre à: / home => charge la page d’accueil dans la sortie du […]

Quand utiliser Observable vs EventEmitter vs Dot Rule pour la détection des modifications dans angular2

Il y a trois méthodes que j’ai vues pour gérer la détection des changements dans Angular2. Les observables @Injectable() export class TodosService { todos$: Observable<Array>; private _todosObserver: any; private _dataStore: { todos: Array }; constructor(private _http: Http) { // Create Observable Stream to output our data this.todos$ = new Observable(observer => this._todosObserver = observer).share(); this._dataStore […]

Quel est le paramètre read dans @ViewChild pour

Besoin d’aide pour comprendre le sens de {read: ViewContainerRef} dans la déclaration suivante. @ViewChild(‘myname’, {read: ViewContainerRef}) target;

Erreur: Valeur inattendue “non définie” imscope par le module

Je reçois cette erreur après la migration vers NgModule, l’erreur ne m’aide pas trop, s’il vous plaît, un conseil? Error: Error: Unexpected value ‘undefined’ imported by the module ‘AppModule’ at new BaseException (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:13231:35) at Array.forEach (native) at ComstackMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:13215:48) at RuntimeComstackr._comstackComponents (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:15845:51) at RuntimeComstackr._comstackModuleAndComponents (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:15769:41) at RuntimeComstackr.comstackModuleAsync (http://localhost:5555/node_modules/@angular/comstackr/bundles/comstackr.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at […]

Sélection dynamic des composants dans Angular2

Étant donné un modèle pour une section de page contenant plusieurs champs et contenant des données telles que: { “fields”: [ { “id”: 1, “type”: “text”, “caption”: “Name”, “value”: “Bob” }, { “id”: 2, “type”: “bool”, “caption”: “Over 24?”, “value”: 0 }, { “id”: 3, “type”: “options”, “options” : [ “M”, “F”], “caption”: “Gender”, “value”: […]

Que se passe-t-il lorsque vous exécutez ng serve?

J’utilise Angular-CLI depuis peu. Il est livré avec un certain nombre de commandes, dont ng serve qui fait tourner un serveur sur localhost:4200 . Je suis habitué à utiliser Grunt et Gulp qui peuvent être configurés pour répondre à mes besoins. Je voulais configurer le serveur d’Angular-CLI mais j’ai alors réalisé que je ne savais […]

Héritage et dependency injection

J’ai un ensemble de composants angulars2 qui devraient tous recevoir une injection de service. Ma première pensée a été qu’il serait préférable de créer une super classe et d’y injecter le service. N’importe lequel de mes composants étendrait alors cette superclasse mais cette approche ne fonctionne pas. Exemple simplifié: export class AbstractComponent { constructor(private myservice: […]

fonction d’appel angular2 du composant parent

J’ai une application où j’ai un composant de téléchargement où je peux télécharger un fichier. Il est incorporé dans le body.component . Lors du téléchargement, il doit utiliser une fonction (par exemple BodyComponent.thefunction() ) du composant parent (faire un appel pour mettre à jour les données): mais uniquement si le parent est spécifiquement le body.component […]

L’erreur de la CLI Angular2 “@ angular / comstackr-cli” n’a pas été correctement installée

Je travaille sur un projet Angular 2. Maintenant, essayez d’installer Angular CLI dans le projet actuel avec les éléments suivants npm install –save-dev @angular/cli@latest npm install Le problème est que lors de l’exécution de ng serve je reçois une erreur The “@angular/comstackr-cli” package was not properly installed. Error: The “@angular/comstackr-cli” package was not properly installed. […]