Quelle est la différence entre un composant et un module Angular ?

Question

J'ai regardé des vidéos et lu des articles, mais ce article spécifique me rendent si confuse, au début de l'article il est dit que

Les applications en Angular suivent une structure modulaire. Les applications Angular contiennent de nombreux modules, chacun étant dédié à un objectif unique. Un module est généralement un groupe de code cohésif qui est intégré aux autres modules pour faire fonctionner vos applications Angular.

Un module exporte certaines classes, fonctions et valeurs de son code. Le composant est un bloc fondamental d'Angular et plusieurs composants composeront votre application.

Un module peut être une bibliothèque pour un autre module. Par exemple, la bibliothèque angular2/core, qui est un module de bibliothèque Angular primaire, sera importée par un autre composant.

S'agit-il de termes échangeables ? Un composant est-il un module ? Mais pas l'inverse ?

Answer 1

Les composants contrôlent les vues (html). Ils communiquent également avec d'autres composants et services pour apporter des fonctionnalités à votre application.

Les modules sont constitués d'un ou plusieurs composants. Ils ne contrôlent aucun html. Vos modules déclarent quels composants peuvent être utilisés par les composants appartenant à autre les modules, les classes qui seront injectées par l'injecteur de dépendances et le composant qui sera démarré. Les modules vous permettent de gérer vos composants pour apporter de la modularité à votre application.

Answer 2

Il est trop tard pour poster une réponse, mais je pense qu'elle le sera. easy pour comprendre qui sont les débutants avec Angular . Un des exemples que j'ai donné lors de ma présentation.

Considérez votre application angulaire comme un Building . Un bâtiment peut avoir un nombre N de Apartments en elle. Un site Apartment est considéré comme un Module . Un appartement peut avoir N nombre de rooms qui correspondent aux éléments constitutifs d'une application Angular nommée Components .

Maintenant, chaque Apartment (Module) aura Rooms (Components) , Lifts (Services) pour permettre une plus grande circulation dans et hors des appartements, Wires (Pipes) pour déplacer les informations et les rendre utiles dans les appartements.

Vous aurez également des endroits comme swimming pool, tennis court qui sont partagés par tous les résidents du bâtiment. Ils peuvent donc être considérés comme des composants à l'intérieur de SharedModule.

En gros, la différence est la suivante,

Suivez mes diapositives pour comprendre le les éléments constitutifs d'une application Angular

Answer 3

L'explication la plus simple :

Module est comme un grand conteneur contenant un ou plusieurs petits conteneurs appelés Composant, Service, Tube

A Composant contient :

• Modèle HTML ou code HTML

• Code(TypeScript)

• Service : Il s'agit d'un code réutilisable qui est partagé par les composants de sorte que réécriture du code n'est pas nécessaire

• Le tuyau : Il prend les données en entrée et les transforme en sortie souhaitée.

.

Answer 4

Composant Angulaire

Un composant est l'une des composantes de base d'une application Angular. Une application peut avoir plus d'un composant. Dans une application normale, un composant contient un fichier de classe de page HTML, un fichier de classe qui contrôle le comportement de la page HTML et le fichier CSS/scss pour styliser votre vue HTML. Un composant peut être créé à l'aide de @Component qui fait partie de @angular/core module.

import { Component } from '@angular/core';

et pour créer un composant

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
}

Pour créer un composant ou une application angulaire, voici la procédure à suivre. tutoriel

Module Angulaire

Un site module angulaire est un ensemble de blocs de construction angulaires de base comme composant , directives , services etc. Une application peut comporter plus d'un module.

Un module peut être créé en utilisant @NgModule décorateur.

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Answer 5

Un module dans Angular 2 est quelque chose qui est fait à partir de composants, de directives, de services, etc. Un ou plusieurs modules se combinent pour former une application. Les modules décomposent l'application en morceaux de code logiques. Chaque module exécute une seule tâche.

Dans Angular 2, les composants sont des classes dans lesquelles vous écrivez votre logique pour la page que vous voulez afficher. Les composants contrôlent la vue (html). Les composants communiquent avec d'autres composants et services.