Nada mudaria em termos da maneira como as ligações de knockout são declaradas na marcação, no entanto, obteríamos a bondade intellisense assim que as interfaces fossem escritas para a biblioteca de knockout. Nesse aspecto, funcionaria exatamente como o jquery Sample , que possui um arquivo datilografado contendo interfaces para a maioria das APIs do jQuery .
Eu acho que se você se livrar das duas declarações de variáveis para ko e $, seu código funcionará. Eles estão ocultando as variáveis ko e $ reais que foram criadas quando os scripts knockout e jquery foram carregados.
Eu tive que fazer isso para portar o projeto de modelo do visual studio para nocaute:
app.ts:
class GreeterViewModel {
timerToken: number;
utcTime: any;
constructor (ko: any) {
this.utcTime = ko.observable(new Date().toUTCString());
this.start();
}
start() {
this.timerToken = setInterval(() => this.utcTime(new Date().toUTCString()), 500);
}
}
window.onload = () => {
// get a ref to the ko global
var w: any;
w = window;
var myKO: any;
myKO = w.ko;
var el = document.getElementById('content');
myKO.applyBindings(new GreeterViewModel(myKO), el);
};
default.htm:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css" />
<script src="Scripts/knockout-2.1.0.debug.js" type="text/javascript"></script>
<script src="app.js"></script>
</head>
<body>
<h1>TypeScript HTML App</h1>
<div id="content" data-bind="text: utcTime" />
</body>
</html>