angularjs – 注入ui-router解析为指令

发布时间：2020-12-17 07:40:45 所属栏目：安全来源：网络整理

导读：我正在使用ui路由器,我在解决一些数据,我想注入到我的自定义指令的解决方案,下面是代码,我在做什么 module portal { $stateProvider.state('portal',{ url: '/demo',template: tpl.html,abstract: true,resolve: { demoResolve:function(){ return 'foo';//h

我正在使用ui路由器,我在解决一些数据,我想注入到我的自定义指令的解决方案,下面是代码,我在做什么

module portal {
           $stateProvider.state('portal',{
        url: '/demo',template: tpl.html,abstract: true,resolve: {

            demoResolve:function(){
                 return 'foo';//here i am returing a promise
        }
    });    

}


module portal.directives{


export class demoDirevtive{

    static $inject =['demoResolve'];
    constructor(demoResolve){
        console.log(demoResolve)
        var directive: ng.IDirective = {};
        directive.link = (scope,element,attrs,ctrl) => {

        };
        directive.restrict = "EAC";

        return directive;
    }
  }
}

但我收到了未知供应商的错误

从阅读他们的代码看来,它似乎是不可能的,他们有一个局部变量,它们注入到您在视图中定义的控制器,它也不能通过$inject服务访问.

最简单的解决方案是将其放在控制器的范围上,然后在指令中使用它.

您还可以创建一个真实服务,这将保存您应用程序中的所有解决的对象,即：

resolve: {
     demoResolve: ['myResolvingService',function(resolver) {
          resolver.myValue = 'Foo';
          return 'Foo';
     }]

我知道这不是你要找的,但它看起来不像是支持的.

（编辑：李大同）

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