Dans le contexte de la discussion sur le document angulaire, le terme "modèle" peut être appliqué à un seul objet représentant une entité (par exemple, un modèle appelé "téléphones" dont la valeur est un tableau de téléphone.) Ou comme modèle de données complet de l'application (toutes les entités).
Dans Angular, le modèle peut être des données et le modèle peut être obtenu à travers les propriétés de l'objet de portée de l'angular. Le nom de la propriété est l'identifiant du modèle, et la valeur peut être n'importe quel objet JavaScript (y compris les tableaux et les données brutes).
La seule condition pour que JavaScript devienne un modèle est que l'objet doit être référencé comme un attribut d'un objet de portée par une portée angulaire. La relation de référence d'un attribut peut être créée explicitement ou implicitement.
Nous pouvons explicitement créer des propriétés de portée de la manière suivante et associer des objets JavaScript pour créer un modèle:
Dans le code JavaScript, les attributs attribués à l'objet Scope sont directement attribués; Ceci est généralement envoyé dans le contrôleur:
fonction myctrl ($ scope) {// créer une propriété 'foo' sur la portée de MyCtrl // et attribuez-lui une valeur initiale 'bar' $ scope.foo = 'bar'; }Dans l'expression angulaire du modèle (http://www.cnblogs.com/lclao/archive/2012/09/16/2687162.html), utilisez l'opérateur d'affectation:
<Button ng-Click = "{{Foos = 'Ball'}}"> Cliquez sur moi </fontificateur>
Utilisez la directive Ninit dans les modèles (http://docs.angularjs.org/api/ng.directive:nginit) (par exemple, il n'est pas recommandé dans les applications réelles)
<body ng-init = "foo = 'bar'">
Angular créera implicitement un modèle dans la structure du modèle suivante:
L'entrée, la sélection, la textarea et autres éléments de la forme du formulaire:
<entrée ng-model = "query" value = "Fluffy Cloud">
Le code ci-dessus crée un modèle appelé "requête" dans la portée actuelle, et est lié à la valeur de l'entrée, et est initialisé en "Cloud Fluffy".
Déclarer l'itérateur à Ngrepeater
<p ng-repeat = "Téléphone dans les téléphones"> </p>
Le code ci-dessus crée une portée enfant pour chaque élément de chaque tableau de téléphones et crée un modèle "téléphone" dans la portée enfant correspondante, en attribuant la valeur correspondante dans le tableau.
Dans Angular, lorsque la situation suivante se produit, l'objet JavaScript ne sera plus un modèle:
Lorsqu'aucune portée angulaire ne contient les attributs associés à l'objet.
Toutes les portées angulaires contenant des attributs associées aux objets deviennent périmées et adaptées à la collecte des ordures.
L'illustration ci-dessous montre la création implicite d'un modèle de données simple dans un modèle simple.
Ce qui précède est les informations sur AngularJS Comprenant le composant modèle, et nous continuerons à l'ajouter plus tard. Merci pour votre soutien à ce site!