使用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'

有谁知道这意味着什么？

Answer 1

window.location是类型Locationwhile .attr('data-href')返回一个字符串,所以你必须将它分配给window.location.href字符串类型.为此替换以下行:

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

对于这一个:

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

Answer 2

你错过了href:

标准,在技术上window.location.href用作window.location包含以下内容的对象:

Properties
hash 
host 
hostname
href    <--- you need this
pathname (relative to the host)
port 
protocol 
search 

尝试

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

Answer 3

Location 接口上有一个assign方法，当传递字符串时，它可以与 typescript 完美配合，并且与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