angular-ui-router 的 1.0.3以上版本的$state.href 返回null问题

最新推荐文章于 2022-06-29 09:35:23 发布

喷气轮胎

最新推荐文章于 2022-06-29 09:35:23 发布

阅读量1.9k

点赞数

分类专栏： angularjs js 文章标签： angularjs angular-ui-router $state.href

本文链接：https://blog.csdn.net/leoox/article/details/79559919

版权

在使用Angular UI Router的1.0.3及以上版本时，遇到$state.href返回null的问题。原因是新版本中增加了参数合法性检查，如果参数包含null或缺失，将导致href返回null。此问题同样影响ui-sref，使得链接无法正确生成。旧版本通过for循环处理，遇到null参数会跳过，而新版本则使用了过滤器。为临时解决，可以考虑注释掉相关代码，但期望官方修复此bug。

摘要由CSDN通过智能技术生成

因为有个需求是点击控件弹出新页面，而在controller中使用$state.go是在原页面打开。

所以需要先使用$state.href 获取连接，再使用

window.open(url, '_blank');
在新页面打开。

最近升级angular-ui-router 到最新版本1.0.15后
$state.href 返回为null，经过检测，发行1.0.3版本和以后的版本把
UrlMatcher.prototype.format
这个函数改了。

新版本的代码

 StateService.prototype.href = function (stateOrName, params, options) {
        var defaultHrefOpts = {
            lossy: true,
            inherit: true,
            absolute: false,
            relative: this.$current,
        };
        options = defaults(options, defaultHrefOpts);
        params = params || {};
        var state = this.router.stateRegistry.matcher.find(stateOrName, options.relative);
        if (!isDefined(state))
            return null;
        if (options.inherit)
            params = this.params.$inherit(params, this.$current, state);
        var nav = (state && options.lossy) ? state.navigable : state;
        if (!nav || nav.url === undefined || nav.url === null) {
            return null;
        }
        return this.router.urlRouter.href(nav.url, params, {
            absolute: options.absolute,
        });
    };

调用UrlRouter.href

  UrlRouter.prototype.href = function (urlMatcher, params, options) {
        var url = urlMatcher.format(params);
        if (url == null)
            return null;
        options = options || { absolute: false };
        var cfg = this._router.urlService.config;
        var isHtml5 = cfg.html5Mode();
        if (!isHtml5 && url !== null) {
            url = '#' + cfg.hashPrefix() + url;
        }
        url = appendBasePath(url, isHtml5, options.absolute, cfg.baseHref());
        if (!options.absolute || !