angular 指令模板问题

Question

JS:

m1.directive('myTab', function(){

    return {        restrict: 'E',
        replace: true,
        templateUrl: 'tab.html'
    }
});

DOM

<my-tab></my-tab>

在angular里会 报下面的错，这是什么原因呢

angular.min.js:80 XMLHttpRequest cannot load file:///D:/%23zWorkFilehilin/demo/AngularJS/tab.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Answer 1

很多浏览器基于安全策略不能直接通过js访问本地文件，把页面放在服务器上运行访问就可以了。