আমার কাছে খুব সাধারণ কৌণিক জেএস অ্যাপ্লিকেশনটির তিনটি ফাইল রয়েছে
index.html
<!DOCTYPE html>
<html ng-app="gemStore">
<head>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="StoreController as store">
<div class="list-group-item" ng-repeat="product in store.products">
<h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3>
</div>
<product-color></product-color>
</body>
</html>
পণ্য-color.html
<div class="list-group-item">
<h3>Hello <em class="pull-right">Brother</em></h3>
</div>
app.js
(function() {
var app = angular.module('gemStore', []);
app.controller('StoreController', function($http){
this.products = gem;
}
);
app.directive('productColor', function() {
return {
restrict: 'E', //Element Directive
templateUrl: 'product-color.html'
};
}
);
var gem = [
{
name: "Shirt",
price: 23.11,
color: "Blue"
},
{
name: "Jeans",
price: 5.09,
color: "Red"
}
];
})();
আমি কাস্টম নির্দেশিত নামযুক্ত পণ্য রঙ ব্যবহার করে প্রোডাক্ট-কালার এইচটিটিএমএল অন্তর্ভুক্ত করে প্রবেশ করার সাথে সাথেই আমি এই ত্রুটিটি পাওয়া শুরু করেছি:
XMLHttpRequest cannot load file:///C:/product-color.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
angular.js:11594 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/product-color.html'.
ভুল হতে পারে কি? এটি কি প্রোডাক্ট-কালার এইচটিএমএল এর জন্য কোনও পথের সমস্যা?
আমার তিনটি ফাইল একই রুট ফোল্ডারে রয়েছে C:/user/project/
1
মাত্র একটি দ্রুত পয়েন্টার যে আপনি যদি বোকা কিছু করেন, যেমন আমার ক্ষেত্রে আমি ঘটনাক্রমে বন্দরে TLD যুক্ত করেছি: " লোকালহস্ট: 8070.com " তবে আপনি একই ত্রুটি পাবেন। আপনি সমাধান করার চেষ্টা করছেন কোন ইউআরএল!
—
ওয়াইল্ডহনি
এখানেও একই রকম হতে পারে: stackoverflow.com/questions/10752055/…
—
Ngô ấc Tuấn
