AngularJS Includes

با AngularJS، شما می توانید از فایل خارجی خارج از HTML استفاده کنید.

مقالات

AngularJS include

با AngularJS، می توانید محتوای HTML را با استفاده از دستور ng-include وارد به محتوا کنید:

<body ng-app="">

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

</body>

</body>

include angularjs code

فایل های HTML که با دستور ng-include اینکلود یا وارد می شوند به محتوا همچنین می توانند شامل کد AngularJS باشند:

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

<table>

<td>{{ x.Country }}</td>

</tr>

</table>

فایل “myTable.htm” را در صفحه وب خود وارد کنید و تمام کد AngularJS اجرا خواهد شد، حتی کد داخل فایل include:

<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>

<body>

</div>

var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope, $http) {

$http.get("customers.php").then(function (response) {

$scope.names = response.data.records;

});

</script>

Include Cross Domains

به طور پیش فرض، دستور ng-include اجازه نمی دهد فایل های خود را از دامنه های دیگر وارد کنید.

برای اضافه کردن فایل ها از یک دامنه دیگر، می توانید یک لیست سفید پرونده های حقوقی و / یا دامنه ها را در عملکرد پیکربندی برنامه خود اضافه کنید:

<body ng-app="myApp">

<div ng-include="'https://tryit.w3schools.com/angular_include.php'"></div>

<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'https://tryit.w3schools.com/**'
    ]);
});
</script>

</body>

var app = angular.module('myApp', [])

app.config(function($sceDelegateProvider) {

$sceDelegateProvider.resourceUrlWhitelist([

'https://tryit.w3schools.com/**'

]);

});

</script>

</body>

5/5 - (1 امتیاز)

AngularJS Includes

AngularJS include

include angularjs code

Include Cross Domains

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

AngularJS include

include angularjs code

Include Cross Domains

مطالب زیر را حتما مطالعه کنید

مسیریابی انگولار AngularJS Routing

ساخت انیمیشن با انگولار – angularjs animation

api آنگولار جی اس – Angularjs API

اعتبارسنجی فرم ها با آنگولار – AngularJS Form Validation

ساخت form با آنگولار جی اس – angular forms

کار با event ها در آنگولار – AngularJS Events

دیدگاهتان را بنویسید لغو پاسخ