Question

我正在尝试执行测试指令，但每当我尝试使用'templateUrl'而不是'template'时，我的页面显示为空白。

这很好用：

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

 app.directive('formSubmit', function(){

  return{    
    restrict: 'E',  
    template: '<h1>TEST</h1>'
   };     
  });

但是这个页面显示为空白：

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

 app.directive('formSubmit', function(){

  return{    
    restrict: 'E',  
    templateUrl: 'test-index.html'
   };     
  });

'test-index.html'的内容正是我在第一个代码块的'template'中描述的内容，并且该文件与指令所在的app.js放在同一个文件夹中。我敢肯定，我忽略了一些非常简单的事情，但非常感谢帮助。谢谢

编辑：

我似乎在Chrome中收到以下错误：

“只有协议方案才支持交叉源请求：http，数据，chrome，chrome-extension，https，chrome-extension-resource。”

我在线查看，显然我必须在本地运行一个Web服务器。反正是为了不断在本地测试应用程序吗？

Angular Directive不使用templateUrl

0 个答案: