Lingkup memainkan objek JavaScript khusus sebagai pengontrol koneksi tampilan. Lingkup berisi data model. Di pengontrol, data model diakses melalui objek $ SCOPE.
<script> var mainapp = angular.module ("MainApp", []); MainApp.Controller ("ShapeController", function ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "shape";}); </script>Berikut ini adalah masalah penting untuk dipertimbangkan dalam contoh di atas.
$ SCOPE digunakan sebagai parameter pertama untuk menentukan metrik ke pengontrol dalam konstruktornya.
$ scope.message dan $ scope.Type adalah model yang mereka gunakan di halaman HTML.
Kami telah menetapkan nilai model untuk mencerminkan pengontrol modul aplikasi di shapecontroller.
Kami dapat mendefinisikan fungsi fungsi dalam $ SCOPE.
Lingkup warisan
Rentangnya adalah pengontrol khusus. Jika kita mendefinisikan pengontrol bersarang, maka anak pengontrol akan mewarisi ruang lingkup kontrol induknya.
<script> var mainapp = angular.module ("MainApp", []); mainapp.controller ("shapecontroller", function ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "bentuk";}); Mainapp.controller ("CircLeController", Function ($ scope) {$ scope.message = "in Circle Controller";}); </script>Berikut ini adalah masalah penting untuk dipertimbangkan dalam contoh di atas.
Kami menetapkan nilai model dalam shapecontroller.
Kami mengesampingkan pesan Subcontroller Circlecontroller. Ketika modul circlecontroller pengontrol di dalam "pesan" digunakan, pesan akan digunakan untuk ditulis ulang.
contoh
Contoh -contoh berikut akan menunjukkan semua instruksi di atas.
testangularjs.html
<html> <head> <title> formular js formulir </itement> </head> <hody> <h2> aplikasi sampel AngularJS </h2> <v ng-app = "MainApp" ng-controller = "shapecontroller"> <p> {{pesan}} <br/> {{tipe {p> {{{pesan}} <br/> {{{Type ng-controller = "circLeController"> <p> {{pesan}} <br/> {{type}} </p> </div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.1.1.1.mular.mular.kular.kular. angular.module ("MainApp", []); mainapp.controller ("shapecontroller", function ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "bentuk";}); mainapp.controller ("circleController", function ($ scope) {$ scope.message = "in circle controller";}); mainapp.controller ("squareController", function ($ scope) {$ scope.message = "in square controller"; $ scope.type = "square";}); </script> </body> </html>hasil
Buka TextAngularJs.html di browser web. Hasilnya adalah sebagai berikut.
Di atas adalah kompilasi informasi lingkup AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs web ini!