Arahan AngularJS digunakan untuk memperpanjang HTML. Ini semua adalah properti khusus yang dimulai dengan awalan NG. Kami akan membahas arahan berikut:
NG -APP - Petunjuk ini memulai aplikasi AngularJS.
NG -init - Petunjuk ini menginisialisasi data aplikasi.
NG -Model - Petunjuk ini mendefinisikan model yang merupakan variabel yang digunakan dalam AngularJS.
NG -REPEAT - Petunjuk ini akan mengulangi elemen HTML untuk setiap item dalam koleksi.
Perintah NG-App
Petunjuk NG-APP memulai aplikasi AngularJS. Itu mendefinisikan elemen root. Secara otomatis menginisialisasi atau memulai aplikasi yang memuat halaman web dari aplikasi AngularJS. Ini juga digunakan untuk memuat berbagai aplikasi Modul AngularJS. Dalam contoh berikut, kami mendefinisikan aplikasi AngularJS default menggunakan atribut NG-App dari elemen Div.
<Div ng-app = ""> ... </div>
NG-Init Directive
Arahan NG-Init menginisialisasi data aplikasi AngularJS. Ini digunakan untuk menempatkan nilai dalam aplikasi untuk menggunakan variabel. Dalam contoh berikut, kami akan menginisialisasi array negara. Gunakan sintaks JSON untuk mendefinisikan array negara.
<Div ng-app = "" ng-init = "country = [{locale: 'en-us', nama: 'Amerika Serikat'}, {locale: 'en-gb', nama: 'Inggris'}, {lokal: 'enfr', nama: 'Prancis'}]"> ... </div>Perintah NG-Model
Arahan Model NG mendefinisikan model/variabel yang digunakan dalam aplikasi AngularJS. Dalam contoh berikut, kami mendefinisikan model yang disebut "Nama".
<Div ng-app = ""> ... <p> Masukkan nama Anda: <input type = "text" ng-model = "name"> </p> </div>
NG-Repeat Directive
NG-RePeat Directive mengulangi setiap item dalam koleksi elemen HTML. Dalam contoh berikut, kami telah mengulangi negara -negara array.
<Div ng-app = ""> ... <p> Daftar negara dengan lokal: </p> <ol> <li ng-repeat = "country in country"> {{'country:' + country.name + ', lokal:' + country.locale}} </li> </l> </div>contoh
Contoh -contoh berikut akan menunjukkan semua instruksi di atas.
testangularjs.html
<Html> <Title> arahan AngularJS </itement> <hody> <h1> Aplikasi sampel </h1> <v ng-app = "" ng-init = "negara = [{locale: 'en-us', nama: 'Amerika Serikat'}, {locale: 'en-gb', nama: 'United Kingdom',} {locale: 'en-gb', 'en-gb', nama '{locale': Nama Anda: <input type = "text" ng-model = "name"> </p> <p> Halo <span ng-bind = "name"> </span>! </p> <p> Daftar negara dengan lokal: </p> <ol> <li ng-repeat = "country di negara"> {{'country:' country. </ol> </div> <skrip src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Keluaran
Buka TextAngularJs.html di browser web. Masukkan nama Anda dan lihat hasil berikut.
Di atas adalah informasi dasar dari arahan AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!