Nada cambiaría en términos de la forma en que se declaran los enlaces de eliminación en el marcado; sin embargo, obtendríamos la bondad intellisense una vez que las interfaces se escriban para la biblioteca de eliminación. A este respecto, funcionaría igual que la muestra jquery , que tiene un archivo de mecanografía que contiene interfaces para la mayoría de la API jQuery .
Creo que si se deshace de las dos declaraciones de variables para ko y $, su código funcionará. Estos están ocultando las variables ko y $ reales que se crearon cuando se cargaron las secuencias de comandos knockout y jquery.
Tuve que hacer esto para portar el proyecto de plantilla de Visual Studio para eliminar:
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>