Cu AngularJS, puteți include HTML dintr-un fișier extern.
AngularJS Include
Cu AngularJS, puteți include conținut HTML utilizând datele ng includ directivă:
Includeți Codul AngularJS
Fișierele HTML includeți cu directiva-ng includ, de asemenea, poate conține AngularJS cod:
myTable.htm:
<table>
<tr ng-repeat="x in
names">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
</tr>
</table>
Includeți fișierul "myTable.htm" din pagina de web, și toate AngularJS cod va fi executat, chiar codul din interiorul fișierului inclus:
Exemplu
<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> Încearcă - l singur » Include Cross Domenii
În mod implicit, ng includ directivă nu vă permite să includă fișiere din alte domenii.
Pentru a include fișiere de pe un alt domeniu, puteți adăuga o listă albă de fișiere juridice și / sau domenii în funcția de configurare a aplicației:
Exemplu:
<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>
Încearcă - l singur » Asigurați-vă că serverul pe destinația permite accesul la fișiere pe mai multe domenii.