Ekspresi digunakan untuk mengikat data aplikasi ke HTML. Ekspresi ditulis dalam kurung ganda seperti {{ekspresi}}. Perilaku dalam ekspresi sama dengan arahan NG-bind. Ekspresi aplikasi AngularJS adalah ekspresi javascript murni dan output data yang mereka gunakan di sana.
Gunakan angka
<p> Biaya pada buku: {{cost * kuantitas}} rs </p>
Menggunakan string
<p> halo {{student.firstname + "" + student.lastname}}! </p>
Gunakan objek
<p> roll no: {{student.rollno}} </p>
Menggunakan array
<p> Marks (Math): {{Marks [3]}} </p>
contoh
Contoh -contoh berikut akan menunjukkan semua ekspresi di atas.
Kode file testangularjs.html adalah sebagai berikut:
<html><title>AngularJS Expressions</title><body><h1>Sample Application</h1><div ng-app="" ng-init="quantity=1;cost=30; student={firstname:'Mahesh',lastname:'Parashar',rollno:101};marks=[80,90,75,73,60]"> <p>Hello {{Student.FirstName + "" + Student.LastName}}! </p> <p> Biaya pada buku: {{cost * kuantitas}} rs </p> <p> Roll no: {{student.rollno}} </p> <p> Marks (Math): {Student.rollno}} </p> <p> Marks (Math): {{Mark.Rollno}} </p> <p> Marks (math): {{Marks.rollno}} </p> <p> Marks (Math): {{Marks. src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Keluaran
Buka TextAngularJs.html di browser web. Hasilnya adalah sebagai berikut:
Di atas adalah informasi yang memilah ekspresi AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!