cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menulis hello world menggunakan JavaScript AngularJS library_AngularJS

Bagaimana untuk menulis hello world menggunakan JavaScript AngularJS library_AngularJS

WBOY
WBOYasal
2016-05-16 15:53:261169semak imbas

Artikel ini menunjukkan contoh kod hello world yang dilaksanakan oleh rangka kerja AngularJS.

Berikut ialah beberapa aspek yang perlu anda fokuskan apabila melihat contoh Hello World dan contoh kod berikut.

  • arahan ng-app, ng-controller, ng-model
  • Templat dengan dua pendakap

Langkah 1: Sertakan Javascript Sudut

dalam bahagian ecfd854e6651bc2373652059fba34b62

Sertakan kod berikut ke dalam 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 untuk mengimport fail javascript Angularjs Anda boleh menggunakan kaedah penulisan berikut untuk mendapatkan kod terkini daripada pustaka yang diuruskan oleh Google.

<script
src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>

Langkah 2: Gunakan arahan ng-app pada elemen d90fcdb535d6081491edebb07224a674 Gunakan arahan ng-app pada elemen 100db36a723c770d327fc0aef2ce13b1 Secara pilihan, ia boleh ditulis sebagai ab620c2ce5dd4d9766434fb51c51baab ia sebagai Elemen html elemen akar aplikasi ini memberi pembangun aplikasi kebebasan untuk memberitahu Angular bahawa keseluruhan halaman html, atau hanya sebahagian daripadanya, harus dianggap sebagai aplikasi Angular 



<html ng-app="helloApp">
Langkah 3: Gunakan arahan pengawal ng pada elemen 9c5594a5fc8d2e506f1a8147102c836b
Gunakan arahan pengawal ng pada elemen 9c5594a5fc8d2e506f1a8147102c836b Dalam kod di bawah, "HelloCtrl" ialah nama pengawal dan boleh dirujuk oleh kod pengawal yang diletakkan dalam elemen 855348821b2e8f2cc4b633bf98f064dfef734bb9c738f7be40362a460ec626e7
Hello {{name}}! How are you doing today&#63;
Buat kod pengawal dalam elemen skrip seperti yang ditunjukkan di bawah, "helloApp" ialah nama modul yang ditakrifkan menggunakan arahan ng-app dalam 100db36a723c770d327fc0aef2ce13b1 Buat pengawal dengan nama "HelloCtrl" yang ditakrifkan menggunakan arahan ng-pengawal dalam elemen 6c04bd5ca3fcae76e30b72ad730ca86d $scope Objek berkaitan


Sila lihat kod lengkap
di sini

. 
<script>
  var helloApp = angular.module("helloApp", []);
  helloApp.controller("HelloCtrl", function($scope) {
  $scope.name = "Calvin Hobbes";
  });
</script>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Js php melaksanakan kemahiran seret dan lepas tak segerak muat naik files_javascriptArtikel seterusnya：Js php melaksanakan kemahiran seret dan lepas tak segerak muat naik files_javascript

Artikel berkaitan

Lihat lagi