AngularJS bao gồm
Với AngularJS, bạn có thể bao gồm HTML từ một tệp bên ngoài.
AngularJS bao gồm
Với AngularJS, bạn có thể bao gồm nội dung HTML bằng lệnh ng-include :
Bao gồm mã AngularJS
Các tệp HTML bạn đưa vào bằng lệnh ng-include cũng có thể chứa mã AngularJS:
myTable.htm:
<table>
<tr ng-repeat="x in
names">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
</tr>
</table>
Bao gồm tệp "myTable.htm" trong trang web của bạn và tất cả mã AngularJS sẽ được thực thi, ngay cả mã bên trong tệp được bao gồm:
Ví dụ
<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>
Hãy tự mình thử » Bao gồm các tên miền chéo
Theo mặc định, lệnh ng-include không cho phép bạn đưa các tệp từ các miền khác vào.
Để bao gồm các tệp từ một miền khác, bạn có thể thêm danh sách trắng các tệp và/hoặc miền hợp pháp trong chức năng cấu hình của ứng dụng của bạn:
Ví dụ:
<body ng-app="myApp">
<div ng-include="'https://tryit.example.com.vn/angular_include.php'"></div>
<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider)
{
$sceDelegateProvider.resourceUrlWhitelist([
'https://tryit.example.com.vn/**'
]);
});
</script>
</body>
Hãy tự mình thử »Hãy đảm bảo rằng máy chủ ở đích cho phép truy cập tệp tên miền chéo.