AngularJS Basic Tutorial_AngularJS

Ich habe schon lange nichts mehr geschrieben. Ich habe das Gefühl, ich weiß nicht einmal, wo ich anfangen soll. Schreiben wir zuerst etwas Technisches, Angularjs – mein Bruder nennt es „忺哥拉js“.

1. Herunterladen

Code kopieren Der Code lautet wie folgt:

Offizielle Website: <a href="https://angularjs.org/">https://angularjs.org/<p> </p></a>官方网址：<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<br> </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</a>

2. Kurze Einführung in die Verwendung der 1.ng-App

bestimmt den Umfang von AngularJS, Sie können ihn wie folgt verwenden

Code kopieren Der Code lautet wie folgt:

… 



Damit AngularJS die gesamte Seite rendern kann, können Sie auch

verwenden

Code kopieren Der Code lautet wie folgt:

…

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

um einen Teil davon zu rendern.

2.ng-Modell

ng-model, wenn Ihr Datenmodell geändert wird, zum Beispiel ng-model='test', wenn der Wert von test geändert wird, ändert sich auch der Wert von {{test}} entsprechend, d. h. Der Test Die Verbindung zum NG-Modell hat sich ebenfalls wie folgt geändert

Code kopieren Der Code lautet wie folgt:

          
                                                                                                                                                                                                      

{{test}}

3.angular.module

Dies wird hauptsächlich für die Modulregistrierung, -erstellung und -indizierung verwendet. Wenn unsere NG-App dies beispielsweise als Dienst registrieren möchte, müssen wir es auch verwenden, wenn wir ein Modul referenzieren und indizieren.

Code kopieren Der Code lautet wie folgt:

angle.module(name, [erfordert], [configFn]);
#name Der Name des vom Typ string
erstellten Abrufmoduls #requires Ein einfaches Verständnis besteht darin, dass Sie das Nutzungsmodul einschließen müssen, z. B. das ngRoute-Routing-Modul
#configFn Optionales Funktionsmodul, die Funktion ähnelt module.config

4.Controller

Controller ist der Methodencontroller (Name, Konstruktor) in angle.Module; wobei Name der Name des Controllers und Konstruktor der Controller-Konstruktor ist. Zur Veranschaulichung verwenden wir einen Code

Code kopieren Der Code lautet wie folgt:

          
         
         
       
       
   
   
    {{test}}
   

        {{Ausgabe}}
   

6.Anbieter

provider也是angular.Module中的方法provider(name,providerType);其中name是service的名称，providerFunction是函数用于创建新的服务器对象,这个跟factory差不多，我们现在用provider重写

复制代码 代码如下:

   
       
       
       
   
   
    {{test}}
   

        {{Ausgabe}}
   

7.Service

service也是angular.Module中的方法service(name, constructiontor);其中name是service的名称，constructor一个将被实例化的构造函数,这个跟factory差不多，我们现在用service重写

复制代码 代码如下:

   
       
       
       
   
   
    {{test}}
   

        {{Ausgabe}}
   

8.Konstante

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

复制代码 代码如下:

   
       
       
       
   
   
    {{test}}
   

        {{Ausgabe}}
   

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