AngularJS ການບັນຈຸ

ທ່ານສາມາດລວມ HTML ຈາກເອກະສານພາຍນອກ:

AngularJS ການບັນຈຸ

ທ່ານສາມາດໃຊ້ AngularJS: ng-include ຄຳສັ່ງທີ່ລວມເອກະສານ:

ກໍານົດ

<body ng-app="">
<div ng-include="'myFile.htm'"></div>
</body>

ທົດລອງດັ່ງທີ່ທ່ານເອງ

ການລວມ AngularJS:

ເອກະສານ HTML ທີ່ທ່ານໃຊ້ ng-include ສາມາດລວມ AngularJS ກໍ່:

myTable.htm: 
<table>
  <tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
  </tr>
</table>

ຈະລວມເອກະສານ "myTable.htm" ໃນເວັບໄຊຂອງທ່ານ ທັງໝົດລະບົບ AngularJS ຈະດໍາເນີນງານ ເຖິງວ່າລະບົບຈະລວມເອກະສານ:

ກໍານົດ

<body>
<div ng-app="myApp" ng-controller="customersCtrl">
  <div ng-include="'myTable.htm'"></div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
  $http.get("customers.php").then(function (response) {
    $scope.names = response.data.records;
  });
});
</script>

ທົດລອງດັ່ງທີ່ທ່ານເອງ

ການລວມອອກໂອກະສານທີ່ຢູ່ໃນເຂດອື່ນໆ:

ໂດຍການສະພາບດັ່ງກ່າວ ຄຳສັ່ງ ng-include ບໍ່ອະນຸຍາດໃຫ້ທ່ານລວມເອກະສານຈາກໂອກະສານອື່ນໆ:

ຈະລວມເອກະສານຈາກໂອກະສານອື່ນໆ ທ່ານສາມາດເພີ່ມບັນດາເອກະສານທີ່ອາດດໍາເນີນງານ ແລະ/ຫຼື ອະນາຈາກໂອກະສານໃນບັນດາທີ່ນອກຂອງຄວາມຍອດຂອງຄອມພິວເຕີ້ config:

ກໍານົດ

<body ng-app="myApp">
<div ng-include="'https://tryit.codew3c.com/angular_include.php'"></div>
<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([
    'https://tryit.codew3c.com/**'
  });
});
</script>
</body>

ທົດລອງດັ່ງທີ່ທ່ານເອງ

ກະຕຸ້ນສະບາຍການສະເພາະຂອງບັນຊີເວັບໄຊຂ້າງຊ້າຍຫຼັງຈາກບັນຊີເວັບໄຊການສະເພາະຂອງບັນຊີເວັບໄຊຂອງທ່ານສາມາດອະນຸຍາດຂໍ້ມູນທາງໄລຍະສາຍຫຼັງຈາກ.