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

tutorial asas angularjs_AngularJS

WBOYasal: 2016-05-16 16:24:341219semak imbas

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: