Question

我正在尝试将一个typescript变量传递给一个html页面。

所有代码都在github上，并在gh-pages上运行。

我正在关注here

这应该允许我将一个打字稿变量放入一个DOM，但它不起作用。

function greeter(person) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.innerHTML = greeter(user);

如果不可能，可以在DOM中放置模板变量吗？比如可以使用Angular2 +，

{{ variable }}

我得到它的实际错误，

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at app.ts:71
(anonymous) @ app.ts:71

这可能意味着我在构造DOM之前运行代码。

Answer 1

我从here

得到答案

使用window.onload我可以先加载DOM，然后调用js代码，

app.ts

window.onload = function() {
function greeter(person) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.innerHTML = greeter(user);
}

我试图做这样简单的事情，

window.onload = function() {

let user: string = "Jane";
let sentence: string = `${user} is super
totally cool!`;

document.body.innerHTML = "<p><strong>" + sentence + "</strong></p>";
}

基本打字稿Web应用程序

1 个答案: