tutorial asas angularjs_AngularJS-tutorial js-php.cn

tutorial asas angularjs_AngularJS

WBOY

Lepaskan： 2016-05-16 16:24:34

asal

1237 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

Salin kod Kod adalah seperti berikut:

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

Salin kod

Kod adalah seperti berikut:

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:

5.nilai

Nilai juga merupakan nilai kaedah(nama, objek) dalam sudut.Modul di mana nama adalah nama perkhidmatan dan objek adalah objek contoh pelayan Pada masa ini, kita boleh mengubah suai kod di atas untuk kelihatan seperti ini 🎜>

Salin kod Kod adalah seperti berikut:

{{test}}

5.kilang

kilang juga merupakan kilang kaedah(nama, providerFunction); kod untuk kelihatan seperti ini

Salin kod

Kod adalah seperti berikut:

6.pembekal

pembekal 也是 angular.module 中的方法 penyedia (nama, providertype); 其中 name 是 Service 的名称, ProviderFunction 是函数用于创建新的服务器对象, 这个跟 Factory 差不多, 我们现在用 Provider 重写

复制代码代码如下:

7.perkhidmatan

perkhidmatan也是angular.Module中的方法service(nama, pembina);其中name是service的名称，pembina一个将被实例化的构造函丰其中name是service的名称，pembina一个将被实例化的构造函丰其中name是service的名称，pembina一个将被实例化的构造函丰其中造函丷,俙函丰,这是在用service重写

复制代码代码如下: