AngularJS指令客户端运行不正常

Question

我尝试在客户端项目中运行AngularJS指令。我没有服务器。

当我使用templateURL时，我收到了一些错误：

1.   

   无法加载...只有协议方案支持跨源请求：http，数据，chrome，chrome-extension，https。

2.   

   错误：[$ compile：tpload]无法加载模板：./ blPage.html（HTTP状态：-1）

我正在使用AngularJS 1.6.9

这是我的角度代码：

var app = angular.module("myModule" , []);

app.controller("myController" , ['$scope' , function($scope) {


}])
.directive('blPage', function() {
  return {
    restrict: 'E',
    templateUrl: './blPage.html'
  };
});

我的目录树是： www（dir） - ＆gt; index.html，blPage.html; js（dir） - ＆gt; AppController.js

Answer 1

大多数提供的网址无效。

  

解决方案1 ​​

1. 检查应用程序搜索blPage.html
的网址
2. 比较路径是否有效
3. 获取正确的路径并添加templateUrl:选项

  

解决方案2

1. 已添加teplateUrl:'blPage.html'使用template:选项
2. 复制用blPage.html编写的html代码并将其添加到模板值。示例：template:<div>{{value}}</div>