Angularjs自定义指令使用http承诺与模板不绑定
创始人
2024-10-27 17:01:11
0

要实现AngularJS自定义指令使用HTTP承诺与模板不绑定的功能,可以使用$compile服务动态编译模板并手动链接到指令的作用域上。以下是一个示例解决方法:

HTML模板:

JavaScript代码:

angular.module('myApp', [])
  .controller('myController', function($scope) {
    // 在控制器中定义一个变量,用于存储异步请求的数据
    $scope.data = {};
  })
  .directive('myDirective', function($compile, $http) {
    return {
      restrict: 'E',
      scope: true,
      link: function(scope, element) {
        // 发送异步请求获取数据
        $http.get('data.json').then(function(response) {
          // 将异步请求的数据存储到指令的作用域中
          scope.data = response.data;
          
          // 加载模板
          $http.get('template.html').then(function(response) {
            // 动态编译模板并链接到指令的作用域上
            var template = $compile(response.data)(scope);
            element.replaceWith(template);
          });
        });
      }
    };
  });

上述代码中,myDirective指令会发送一个异步请求获取数据,并在获取到数据后加载模板。使用$compile服务动态编译模板,并将编译后的模板链接到指令的作用域上。

请注意,上述代码中使用了两个HTTP请求,一个用于获取数据,另一个用于获取模板。你可以根据实际需求进行调整。

相关内容

热门资讯

据了解!新全游辅助器,都是真的... 据了解!新全游辅助器,都是真的有辅助器(有挂总结)-哔哩哔哩;1、这是跨平台的新全游辅助器轻量版有透...
来临!微信微乐有挂没有,好像是... 来临!微信微乐有挂没有,好像是真的辅助修改器(有挂猫腻)-哔哩哔哩1、微信微乐有挂没有模拟器是什么优...
据玩家消息!陕西微乐挖坑控制器... 据玩家消息!陕西微乐挖坑控制器,竟然是有辅助修改器(有挂功能)-哔哩哔哩1、陕西微乐挖坑控制器免费辅...
为了进一步!四川游戏家园通用辅... 为了进一步!四川游戏家园通用辅助在,一直存在有辅助app(有挂存在)-哔哩哔哩1、完成四川游戏家园通...
此事迅速冲上热搜!新西部辅助器... 此事迅速冲上热搜!新西部辅助器,一直是真的辅助神器(有挂方法)-哔哩哔哩新西部辅助器能透视中分为三种...
更值得关注的是!同城游辅助,果... 更值得关注的是!同城游辅助,果然是有辅助工具(有挂秘籍)-哔哩哔哩同城游辅助是不是有人用挂微扑克wp...
据目击者称!闲逸碰胡辅助,一直... 据目击者称!闲逸碰胡辅助,一直真的有辅助平台(有挂技巧)-哔哩哔哩1、闲逸碰胡辅助有没有辅助教程、闲...
反观!微信小程序大贰辅助工具,... 反观!微信小程序大贰辅助工具,确实存在有辅助挂(有挂教程)-哔哩哔哩微信小程序大贰辅助工具能透视中分...
据相关数据显示!八一字牌脚本,... 据相关数据显示!八一字牌脚本,其实是有辅助平台(有挂教学)-哔哩哔哩1、八一字牌脚本辅助软件下载优化...
有了最新消息!潮友会鱼虾蟹破解... 有了最新消息!潮友会鱼虾蟹破解,总是真的是有辅助下载(确实有挂)-哔哩哔哩1、打开软件启动之后找到中...