AngularJS指令客户端运行不正常

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS指令客户端运行不正常相关的知识,希望对你有一定的参考价值。

我尝试在我的客户端项目中运行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'

以上是关于AngularJS指令客户端运行不正常的主要内容,如果未能解决你的问题,请参考以下文章

angularjs2 学习笔记 组件

angularjs2 学习笔记 组件

AngularJS 指令链接功能在 Jasmine 测试中不运行

AngularJS – 如何在 Jasmine 中为输入事件指令编写单元测试

如何创建复制现有指令的可重用 AngularJs 指令

如何使用 angularJS 将可拖动指令应用于引导模式?