AngularJS ইনক্লুড

AngularJS ব্যবহার করে, আপনি বাইরের ফাইলের HTML অন্তর্ভুক্ত করতে পারেন。

AngularJS ইনক্লুড

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>

আপনার হাতে পরীক্ষা করুন

ক্রস ডোম অন্তর্ভুক্তি

ডিফল্টভাবে, 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>

আপনার হাতে পরীক্ষা করুন

অনুমোদন করুন যাতে লক্ষ্য সার্ভারটি ক্রস-ডোমেইন ফাইল প্রবেশকে অনুমোদন করে