AngularJS kullanarak Dinamik Yönerge yükleme - Hata: kısıtlı URI erişimi reddedildi

Şu anda HTML5, CSS, JS ve AngularJS kullanarak küçük bir eğitim projesi geliştiriyorum.AngularJS kullanarak Dinamik Yönerge yükleme - Hata: kısıtlı URI erişimi reddedildi

Sorun: Benim index.html dosyası

Hata kodu [1] bir angularjs Direktifi Yükleme - Yerel tarayıcı

Error: Access to restricted URI denied

bu soruya bazı yanıtlar, dağıtmak önerdi Bir web sunucusunda proje. Ben yaptım ve hata çok ilginçti:

Hata kodu [2] - Websunucusu

Failed to load resource: the server responded with a status of 404 (Not Found)

Dosya yapısı

app/ 
---- app.js 
---- components/ 
---------- view1/ 
-------------- fullView.html 
-------------- fullViewApp.js 
-------------- partialViews/ 
------------------ partsOfFullView.html 
------------------ morePartsOfFullView.html 
assets/ 
---- libs/ 
---- css/ 
---- ... 
---- ... 
index.html

Kodindex.html

<!DOCTYPE html> 
<html ng-app="MyApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>My Example</title> 

    <!-- CSS --> 
    <link href="./assets/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="./assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> 
    <!-- Libs --> 
    <script src="./assets/libs/jquery-2.1.1.min.js"></script> 
    <script src="./assets/libs/angular.min.js"></script> 
    <script src="./assets/libs/bootstrap.min.js"></script> 
    <script src="./assets/libs/moment-with-locales.js"></script> 
    <script src="./assets/libs/bootstrap-datetimepicker.min.js"></script> 
    <!-- App's modules --> 
    <script type="text/javascript" src="./app/app.js"></script> 
    <script type="text/javascript" src="./app/components/view1/fullViewApp.js"></script> 
</head> 
<body ng-controller="MyAppTranslationCtrl"> 
    <!-- my custom directive --> 
    <qwe></qwe> 
</body> 
</html>

<div ng-app="MyApp.View1App" ng-controller="..."> 
    <div ng-controller="..."> 
     <!-- content, other directives, etc... --> 
     ... 
     ... 
    </div> 
</div>

angular.module('MyApp', ['MyApp.View1App']) 
    .controller('MyAppTranslationCtrl', function($scope) { 
     console.log('-> MyApp Translation example'); 
    });

fullView.html app.jsfullViewApp.js uzun yazı için üzgünüm

angular.module('MyApp.View1App', []) .directive('qwe', function() { return { restrict: 'E', templateUrl: 'fullView.html' } });
, ama açık, anlaşılır ve daha kolay sorunu bulmaya çalıştılar.

Sonuçta ben bu hata şaşırıp ve onu düzelttirmek olamaz.

Ben bir klasörde yılında tümdosyaları taşımak çalıştı ve sihirli çalışıyor! Ancak, , farklı klasörlerinde = = ERROR'u birbirinden ayırır. Onu alamıyorum ve koşuyorum!

bana yardımcı olun :)

############################ CEVAP

değiştirdikten sonra Bir sonraki yazıda önerildiği gibi, onlardan önce tam bir niteleyici olması için göreceli yollar, her şey iyiydi!

Teşekkür ederiz!

kaynak

2014-11-07 Stuci

bu hatayı atıyor varsayarsak:

angular.module('MyApp.View1App', []) 
.directive('qwe', function() { 
     return { 
      restrict: 'E', 
      templateUrl: 'fullView.html' 
     } 
    });

Sen tam yolunu kullanmak gerekir.

angular.module('MyApp.View1App', []) 
.directive('qwe', function() { 
     return { 
      restrict: 'E', 
      templateUrl: 'app/components/view1/fullView.html' 
     } 
    });

kaynak

2014-11-07 16:08:34 theJoeBiz

Bunu yarın deneyeceğim ve eğer işe yararsa, buradan kontrol edeceğim !! – Stuci

Bu benim için çalıştı! – ehsan88

AngularJS kullanarak Dinamik Yönerge yükleme - Hata: kısıtlı URI erişimi reddedildi

cevap

İlgili konular