Ikuti langkah -langkah di bawah ini untuk membuat aplikasi AngularJS
Langkah 1: Memuat bingkai
Sebagai kerangka kerja JavaScript murni, itu dapat ditambahkan menggunakan tag <script>.
<skrip src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script>
Langkah 2: Tentukan Aplikasi AngularJS Menggunakan Petunjuk NG-APP
<Div ng-app = ""> ... </div>
Langkah 3: Nama pola yang didefinisikan dengan arahan Model NG
<p> Masukkan nama Anda: <input type = "text" ng-model = "name"> </p>
Langkah 4: Gunakan Arahan NG-Bind untuk mengikat definisi nilai dalam model di atas
<p> Halo <span ng-bind = "name"> </span>! </p>
Ikuti langkah -langkah di bawah ini untuk menjalankan aplikasi AngularJS
Gunakan tiga langkah yang disebutkan di atas di halaman HTML.
testangularjs.html
<html> <title> AngularJS Aplikasi Pertama </iteme> <hody> <h1> Aplikasi sampel </h1> <div ng-app = ""> <p> Nama saya: <input type = "Text" ng-Model = "name"> </p> <p> halo, <span ng-bind = "name"> </span> </p> <p> halo, <span ng-bind = "name"> </span> src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>
Keluaran
Buka TextAngularJs.html di browser web. Harap masukkan nama Anda dan lihat hasilnya.
Cara mengintegrasikan angularjs dengan html
Petunjuk NG-APP menunjukkan awal aplikasi AngularJS.
Arahan Model NG membuat variabel model bernama "Nama" di halaman HTML, dan memiliki arahan NG-APP yang digunakan dalam Div.
NG-BIND menggunakan nama model selama pengguna memasukkan sesuatu di kotak teks ditampilkan dalam tag rentang HTML.
Tag akhir </div> menunjukkan akhir dari aplikasi AngularJS.
Di atas adalah aplikasi AngularJS sederhana. Kami akan terus mengatur informasi yang relevan di masa depan. Terima kasih atas dukungan Anda untuk situs web ini.