angularjs测试ng-include是否存在文件

发布时间：2020-12-17 10:21:41 所属栏目：安全来源：网络整理

导读：我正在使用ng-include在AngularJS应用程序中引入部分内容.如果部分.html文件不存在,我想做其他事情. 部分名称是从$location.path()中提取的.所以如果路径是“/ foo”,那么我想使用“my_partial_foo.html”.但是,如果“my_partial_foo.html”不存在,那么我想

我正在使用ng-include在AngularJS应用程序中引入部分内容.如果部分.html文件不存在,我想做其他事情.

部分名称是从$location.path()中提取的.所以如果路径是“/ foo”,那么我想使用“my_partial_foo.html”.但是,如果“my_partial_foo.html”不存在,那么我想改用“my_partial_default.html”.

我将这些数据放入$对话框中,因此我无法使用典型的routeProvider功能(afaik).

我的主要问题是：在我使用ng-include指令之前,如何确定“my_partial_foo.html”是否存在？

相关问题：

angular – reusable dialogs

How to prepopulate a dialog in angularjs/bootstrap

这样的事可能有用.基本上$templateCache将始终具有my_partial_foo.html的键(因此你的ng-include总是可以引用它),但值可能是默认值或真实值.

var app = angular.module('myapp',[]).run(function($templateCache,$http){
  $http.get('my_partial_foo.html',//success
    function(data){
      $templateCache.put('my_partial_foo.html',data);
    },//failure
    function(){
      $http.get('my_partial_default.html',function(data){
        $templateCache.put('my_partial_foo.html',data);
      });
    });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!