Maison >interface Web >js tutoriel >tutoriel de base d'Angularjs_AngularJS

tutoriel de base d'Angularjs_AngularJS

WBOY
WBOYoriginal
2016-05-16 16:24:341219parcourir

Je n'ai rien écrit depuis longtemps. J'ai l'impression de ne même pas savoir par où commencer. Écrivons d'abord quelque chose de technique, angulairejs – mon frère l'appelle « 忺哥拉js »

1. Télécharger

Copier le code Le code est le suivant :

Site officiel : <a href="https://angularjs.org/">https://angularjs.org/<code>官方网址:<a href="https://angularjs.org/">https://angularjs.org/</a>
CDN : <a href="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js">https://ajax.googleapis.com /ajax/libs/angularjs/1.3.0-beta.5/angular.min.js<code>CDN:<a href="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js">https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js</a>

2. Brève introduction à l'utilisation de 1.ng-app

détermine la portée d'angularjs, vous pouvez l'utiliser comme suit

Copier le code Le code est le suivant :

… 


pour laisser angulairejs restituer la page entière, vous pouvez également utiliser

<br> <font face="Arial"><div ng-app='myapp'><br> ……<br> </div></font><br>

pour en restituer une partie.

2.ng-modèle

ng-model, lorsque votre modèle de données est modifié, par exemple, ng-model='test', lorsque la valeur de test est modifiée, la valeur de {{test}} changera également en conséquence, c'est-à-dire Le test connecté à ng-model a également changé, comme suit

Le code est le suivant :





          
                                                                                                                                                                                                                        


{{test}}


3.angular.module

Ceci est principalement utilisé pour l'enregistrement, la création et l'indexation de modules. Par exemple, si notre ng-app souhaite l'enregistrer en tant que service, nous devons également l'utiliser lorsque nous référençons et indexons un module.

Copier le code Le code est le suivant :

angulaire.module(nom, [requires], [configFn]);
#name Le nom du module de récupération créé par type string
#requires Une compréhension simple est que vous devez inclure le module d'utilisation, tel que le module de routage ngRoute
#configFn Module de fonction optionnel, la fonction est similaire à module.config

4.contrôleur

Controller est la méthode contrôleur (nom, constructeur) dans angulaire.Module ; où nom est le nom du contrôleur et constructeur est le constructeur du contrôleur. Nous utilisons un morceau de code pour illustrer

.

Copier le code Le code est le suivant :




          
         
         
       
        apprentissage d'argularjs--widuu
   

   
    {{test}}
   


        {{sortie}}
   

6.fournisseur

provider pour angulaire.Module pourprovider(name, ProviderType); et pour nom de service, ProviderFunction pour ProviderFunction et pour ProviderFunction.多,我们现在用provider重写

复制代码 代码如下 :



   
       
       
        apprentissage d'argularjs--widuu
   

   
    {{test}}
   


        {{sortie}}
   

7.service

service pour Angular.Module pour service (nom, constructeur); pour nom de service, pour constructeur, pour constructeur们现在用service重写

复制代码 代码如下 :



   
       
       
        apprentissage d'argularjs--widuu
   

   
    {{test}}
   


        {{sortie}}
   

8.constante

constantangular.Module中的方法constant(name, object);其中name是常量的名称,而object是常量的值,我们可以这样写的

复制代码 代码如下 :



   
       
       
        apprentissage d'argularjs--widuu
   

   
    {{test}}
   


        {{sortie}}
   

今天就写到这里,然后以后继续.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Exemples d'utilisation de la méthode html() dans jQuery_jqueryArticle suivant:Exemples d'utilisation de la méthode html() dans jQuery_jquery

Articles Liés

Voir plus