AngularJS와 함께, 당신은 외부 파일에서 HTML을 포함 할 수 있습니다.
AngularJS와는 포함
AngularJS와 함께, 당신은 NG-포함 지시어를 사용하여 HTML 콘텐츠를 포함 할 수 있습니다 :
AngularJS와 코드 포함
HTML 파일은 또한 AngularJS와 코드를 포함 할 수 있으며, NG-포함 지시문을 포함한다 :
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는-있습니다.
다른 도메인에서 파일을 포함하려면, 당신은 응용 프로그램의 설정 기능에서의 법률 파일 및 / 또는 도메인의 허용 된 사이트 목록을 추가 할 수 있습니다 :
예:
<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>
»그것을 자신을 시도  | 대상의 서버는 크로스 도메인 파일 액세스 할 수 있는지 확인합니다. |
|---|