使用 TypeScript 设置 window.location

Question

我收到以下 TypeScript 代码错误：

  ///<reference path='../../../Shared/typescript/jquery.d.ts' />
 ///<reference path='../../../Shared/typescript/jqueryStatic.d.ts' />

 function accessControls(action: Action) {
    $('#logoutLink')
        .click(function () {
            var $link = $(this);
            window.location = $link.attr('data-href');
        });

 }

我收到以下带下划线的红色错误：

 $link.attr('data-href');

消息说：

 Cannot convert 'string' to 'Location': Type 'String' is missing property 'reload' from type 'Location'

有谁知道这意味着什么？

原文由 user1679941 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

window.location is of type Location while .attr('data-href') returns a string, so you have to assign it to window.location.href which is of string type too.为此替换您的以下行：

 window.location = $link.attr('data-href');

对于这个：

 window.location.href = $link.attr('data-href');

原文由 Nelson 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 Location 接口上有一个 assign 方法，在传递字符串时与打字稿完美配合，并且与 window.location = LOCATION 工作方式相同。

 window.location.assign('http://example.com');

 interface Location {
    ...
    /** Navigates to the given URL. */
    assign(url: string | URL): void;
}

该方法似乎已经存在了很长时间（IE 5.5！）。

https://developer.mozilla.org/en-US/docs/Web/API/Location/assign

原文由 robstarbuck 发布，翻译遵循 CC BY-SA 4.0 许可协议