ຄູ່ມູນຄວາມ AngularJS

ຫນັກ AngularJS ອະທິບາຍບັນຊີລະບົບ

ຫນັກແມ່ນບໍລິໂພກສ່ວນທີ່ຕ່າງກັນຂອງບັນຊີລະບົບ

ຫນັກແມ່ນບໍລິໂພກຂອງຄວບຄຸມບັນຊີລະບົບ

ຄວບຄຸມຈະຢູ່ໃນຫນັກໃດໜຶ່ງ

ສ້າງຫນັກ

ດ້ວຍຫນັງວິທີ AngularJSangular.module ສ້າງຫນັກສໍາລັບ

...

<script>
var app = angular.module("myApp", []);
</script>
"myApp" 参数指的是应用程序将在其中运行的 HTML 元素。

ປະຈຸບັນທີ່ເຈົ້າສາມາດເພີ່ມມູນນິຍົມກຳນົດການປະຕິບັດການ, ມູນນິຍົມກໍານົດ, ພະຍານການປະຕິບັດການ, ແລະ ອີກຫຼາຍ.

ເພີ່ມມູນນິຍົມກຳນົດການປະຕິບັດການ

ເພີ່ມມູນນິຍົມກຳນົດການປະຕິບັດການໃຫ້ກັບຂະບວນການປະຕິບັດການຂອງຂະບວນການປະຕິບັດການ. ng-controller ມູນນິຍົມກໍາລັງປະກອບຄົນນຳການປະຕິບັດການ:

ຄວາມນິຍົມ

<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.firstName = "Bill";
  $scope.lastName = "Gates";
});
</script>

ພະຍາຍາມທັນອີກ

ທີ່ເຈົ້າຈະເຫັນຫຼາຍໃນກາງການສອນນີ້.

ເພີ່ມມູນນິຍົມ

AngularJS ມີພັກມູນນິຍົມທີ່ມີການສະໜັບສະໜູນເພື່ອເພີ່ມຫຼາຍພາບຂອງຂະບວນການປະຕິບັດການ.

ສຳລັບການກວດສອບຫຼັກການທີ່ສົມບູນສຳລັບ AngularJS ມາທີ່ຫຼັງຈາກນີ້.

ນອກຈາກນັ້ນ，ເຈົ້າສາມາດໃຊ້ມູນນິຍົມເພື່ອເພີ່ມພວກມັນໃຫ້ກັບຂະບວນການຂອງຂະບວນການປະຕິບັດການ.

ຄວາມນິຍົມ

<div ng-app="myApp" w3-test-directive></div>
<script>
var app = angular.module("myApp", []);
app.directive("w3TestDirective", function() {
  return {
    template : "I was made in a directive constructor!"
  };
});
</script>

ພະຍາຍາມທັນອີກ

ທີ່ເຈົ້າຈະເຫັນຫຼາຍໃນກາງການສອນນີ້.

ໃນບັນຊີຫຼັງຈາກການກຳນົດ

ກໍ່ຕາມວ່າຈະຖືກໃຊ້ຫຼາຍໃນ AngularJS ຂະບວນການປະຕິບັດການ.

ໃນກໍລະນີນີ້，"myApp.js" ກວມມີການການກຳນົດມູນນິຍົມຂອງຂະບວນການຂອງຂະບວນການຂອງຂະບວນການປະຕິບັດການ ແລະ "myCtrl.js" ກວມມີການກຳນົດຂອງຄົນນຳການປະຕິບັດການ:

ຄວາມນິຍົມ

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script src="myApp.js"></script>
<script src="myCtrl.js"></script>
</body>
</html>

ພະຍາຍາມທັນອີກ

myApp.js

var app = angular.module("myApp", []);

[] ຕາມປະກາດຂອງມູນນິຍົມສາມາດນຳໃຊ້ເພື່ອການການຈຳນວນມູນນິຍົມທີ່ຈະຕ້ອງການສະຫຼຸບ.

ຖ້າບໍ່ມີ [] ຕາມປະກາດຂອງບັນຫາກໍ່ບໍ່ແມ່ນພວກເຮົາກຳລັງສ້າງມູນນິຍົມໃໝ່ຫຼັງຈາກມີການກະຕຸ້ມມູນນິຍົມທີ່ມິວັງ.

myCtrl.js

app.controller("myCtrl", function($scope) {
  $scope.firstName = "Bill";
  $scope.lastName= "Gates";
});

ພວກມັນສາມາດປົນປັກກະຕິນຊັ້ນມວນຊາວນິຍົມ.

ຈະຕ້ອງຫຼຸດຕົວຈາກການນຳໃຊ້ພວກມັນຄືກັບການຕັ້ງກຳລັງຂອງລະບົບ JavaScript.

AngularJS ມູນນິຍົມວ່າຈະຫຼຸດບັນຫາດັ່ງກ່າວດ້ວຍການພັກພິງພາກສະພາບຂອງພວກມັນຢູ່ພາຍໃນມູນນິຍົມຕົ້ນ.

ທີ່ເຊື່ອມໂຕລະບົບ

ກໍ່ຕາມວ່າຈະຖືກໃຊ້ຫຼາຍໃນ HTML ຂະບວນການ <body> ຕອນຫຼັງຂອງປະກອບ <head> ຫຼື <body> ຕອນສຽງການເຊື່ອມໂຕລະບົບ AngularJS.

ຍ້ອນວ່າພຽງແຕ່ຫຼັງຈາກການເຊື່ອມໂຕລະບົບຫຼັກບັນຫາກັບການຕັດສິນລະບົບ angular.module ຂອງການເອິ້ນ.

ຄວາມນິຍົມ

<!DOCTYPE html>
<html>
<body>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.firstName = "Bill";
  $scope.lastName = "Gates";
});
</script>
</body>
</html>

ພະຍາຍາມທັນອີກ