我在移植一些JavaScript代码，以打字稿及使用requirejs的过程。 我有一个config.ts：
//file config.ts
///<reference path="../require.d.ts" />
///<reference path="DataLayer.ts" />
require.config({
baseUrl: '/scripts/App/',
paths: {
'jQuery': '/scripts/jquery-1.9.1',
'ko': '/scripts/knockout-2.2.1',
'signalR': "/scripts/jquery.signalR-1.0.1",
},
shim: {
jQuery: {
exports: '$'
},
signalR:{
deps: ["jQuery"]
},
ko: {
deps: ["jQuery"],
exports: 'ko'
}
}
});
// load AMD module main.ts (compiled to main.js)
// and include shims $, _, Backbone
require(['DataLayer', 'signalR', 'ko'], (d ) => {
alert('test');
var app = new d.DataLayer();
app.run();
// app.run();
});
它装载有：
<script data-main="/Scripts/App/config" type="text/javascript" src="~/scripts/require.js"></script>
之前我只是在我的网页上scripttag是执行以下操作：
ko.bindingHandlers.csharpTypes = {
init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var value = valueAccessor();
switch (value) {
case 'System.Boolean':
element.type = 'checkbox';
break;
case 'System.String':
element.type = 'string';
break;
case 'System.DateTime':
//$(element).replaceWith("<input placeholder='value' data-bind='value:value, uniqueId: name, csharpTypes:type'/>");
element.type = 'datetime';
break;
default:
element.type = 'number';
}
}
};
并加入扩展到淘汰赛。 我不是100％肯定我想去把这个代码的权利吗？ 如果它在页面，它加载之前淘汰赛得到由requirejs加载。 我认为我需要得到它装载requirejs，我只是不知道我会怎么做。 在打字稿类或者只是在config.ts？
require(['DataLayer', 'signalR', 'ko'], (d ) => {
alert('test');
var app = new d.DataLayer();
app.run();
// app.run();
});
我试过了：
extensions.ts
///<reference path="knockout.d.ts" />
export class KnockoutExtenions {
// Constructor
constructor() {
ko.bindingHandlers.csharpTypes = {
init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var value = valueAccessor();
switch (value) {
case 'System.Boolean':
element.type = 'checkbox';
break;
case 'System.String':
element.type = 'string';
break;
case 'System.DateTime':
//$(element).replaceWith("<input placeholder='value' data-bind='value:value, uniqueId: name, csharpTypes:type'/>");
element.type = 'datetime';
break;
default:
element.type = 'number';
}
}
};
}
}
但它给我的ko.bindinghandlers的csharpTypes一个错误。
