Angularjs ile, harici bir dosyadan HTML içerebilir.
angularjs dahildir
Angularjs ile, ng-dahil yönergesini kullanarak HTML içeriği içerebilir:
Angularjs Kodunu Dahil
HTML dosyaları da angularjs kod içerebilir, ng-dahil direktifi ile şunlardır:
myTable.htm:
<table>
<tr ng-repeat="x in
names">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
</tr>
</table>
Dosya Dahil "myTable.htm" web sayfasında ve kod idam edilecek tüm angularjs dahil dosyanın içindeki güvenlik kodunu da:
Örnek
<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> Kendin dene " Çapraz Domains Dahil
Varsayılan olarak, direktif diğer alanlardan dosya dahil etmek izin vermez ng-sayılabilir.
Başka bir etki dosya eklemek için, uygulamanın yapılandırma fonksiyonunda yasal dosyalar ve / veya alan adlarının bir beyaz liste ekleyebilirsiniz:
Örnek:
<body ng-app="myApp">
<div ng-include="'http://www.refsnesdata.no/angular_include.asp'"></div>
<script>
var app = angular. module('myApp', [])
app. config(function($sceDelegateProvider)
{
$sceDelegateProvider. resourceUrlWhitelist([
'http://www.refsnesdata.no/**'
]) ;
});
</script>
</body>
Kendin dene " Hedef sunucu alanları arası dosya erişimi sağlar emin olun.