tutoriel de base d'Angularjs_AngularJS

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

Copier le code Le code est le suivant :

…<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

Copier le code

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 :

          
         
         
       
       
   
   
    {{test}}
   

        {{sortie}}
   

6.fournisseur

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

复制代码 代码如下 :

   
       
       
       
   
   
    {{test}}
   

        {{sortie}}
   

7.service

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

复制代码 代码如下 :

   
       
       
       
   
   
    {{test}}
   

        {{sortie}}
   

8.constante

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

复制代码 代码如下 :

   
       
       
       
   
   
    {{test}}
   

        {{sortie}}
   

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