Rumah > hujung hadapan web > tutorial js > tutorial asas angularjs_AngularJS

tutorial asas angularjs_AngularJS

WBOY
Lepaskan: 2016-05-16 16:24:34
asal
1219 orang telah melayarinya

Saya sudah lama tidak menulis apa-apa. Saya rasa saya tidak tahu dari mana hendak bermula. Mari kita tulis sesuatu yang teknikal dahulu, angularjs - abang saya memanggilnya "忺哥拉js"

1. Muat turun

Salin kod Kod adalah seperti berikut:

Tapak web rasmi: <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. Pengenalan ringkas untuk menggunakan 1.ng-app

menentukan skop angularjs, anda boleh menggunakannya seperti berikut

Salin kod Kod adalah seperti berikut:

… 


untuk membenarkan angularjs memaparkan keseluruhan halaman, anda juga boleh menggunakan

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

untuk memaparkan sebahagian daripadanya.

model 2.ng

ng-model, apabila model data anda ditukar, contohnya, ng-model='test', apabila nilai ujian ditukar, nilai {{test}} juga akan berubah dengan sewajarnya, iaitu Ujian disambungkan kepada model ng juga telah berubah, seperti berikut

Kod adalah seperti berikut:





          
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

{{test}}


modul.3.angular

Ini digunakan terutamanya untuk pendaftaran modul, penciptaan dan pengindeksan Contohnya, jika ng-app kami ingin mendaftar ini sebagai perkhidmatan, kami juga perlu menggunakannya apabila kami merujuk dan mengindeks modul.

Salin kod Kod adalah seperti berikut:

angular.module(nama, [memerlukan], [configFn]);
#name Nama modul perolehan yang dicipta mengikut rentetan jenis
#requires Pemahaman mudah ialah anda perlu memasukkan modul penggunaan, seperti modul penghalaan ngRoute
#configFn Modul fungsi pilihan, fungsinya serupa dengan module.config

4.pengawal

Pengawal ialah pengawal kaedah(nama, pembina) dalam sudut.Modul dengan nama ialah nama pengawal dan pembina ialah pembina pengawal Kami menggunakan sekeping kod untuk menggambarkan

Salin kod Kod adalah seperti berikut:




          
         
         
       
       
       
       
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan