آانگولار جی ایس شامل
- پچھلے ویب پیج آانگولار جی ایس ای پی آئی
- پائیدار ویب پیج آانگولار جی ایس اینیمیشن
AngularJS کا استعمال کرتے ہوئے، آپ باہری فائل میں کی HTML شامل کرسکتا ہیں。
آانگولار جی ایس شامل
AngularJS کا استعمال کرتے ہوئے، آپ ng-include آئیڈیوکیشن شامل کیا جاتا ہے:
مثال
<body ng-app=""> <div ng-include="'myFile.htm'"></div> </body>
AngularJS کوڈ شامل
آپ نے ng-include آئیڈیوکیشن کے ذریعے شامل کئے گئے HTML فائل میں بھی AngularJS کوڈ شامل کرسکتا ہیں:
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>
کros-Domain شامل
مقصد سے، ng-include آئیڈیوکیشن سے دوسرے ڈوم کا فائل شامل نہیں کرا پاتا ہے。
کسی کا دوسرے ڈوم کا فائل شامل کرنا چاہتا ہے تو وہ اپلیکیشن کی config فنکشن میں مجاز فائل اور/یا ڈوم کا سپرلیسٹ اضافہ کرسکتا ہے:
مثال
<body ng-app="myApp">
<div ng-include="'https://tryit.codew3c.com/angular_include.php'"></div>
<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider) {
$sceDelegateProvider.resourceUrlWhitelist([
'https://tryit.codew3c.com/**'
});
});
</script>
</body>
کریپیو سرویئر کو کرسائی کریپیو سرور کی اجازت نہیں دی جائی ہے تاکہ کرسائی فائل کی رسائی کی جائے۔
- پچھلے ویب پیج آانگولار جی ایس ای پی آئی
- پائیدار ویب پیج آانگولار جی ایس اینیمیشن
