AngularJS指令客户端运行不正常

Posted 2021-05-04

我尝试在我的客户端项目中运行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） - > index.html，blPage.html; js（dir） - > AppController.js

答案

大多数提供的网址无效。

解决方案1

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

解决方案2

1. 而不是添加qazxsw poi使用qazxsw poi选项
2. 复制用templateUrl:编写的html代码并将其添加到模板值。示例：teplateUrl:'blPage.html'