在 Angular 2 TS 组件中重新使用 knockoutJS 2 组件答案

【问题标题】：Re-using a knockoutJS 2 component within an Angular 2 TS component在 Angular 2 TS 组件中重新使用 knockoutJS 2 组件
【发布时间】：2016-01-05 21:25:25
【问题描述】：

我正在将一个项目迁移到以前用 KnockoutJS 编写的带有 Typescript 的 Angular2。这样做很麻烦，所以我想简单地在我的 Angular2 中重新使用我用 KO 编写的一些组件，但是我很难找到一个例子来说明这是否可能。

我的代码如下所示：

myKOComponent.js

returns {viewModel: myViewModel, template:myTemplate}

myAngularComponent.ts

//Here I want to import myKOComponent which there are 2 things I am unsure about

如何导入一个组件，然后引用返回的对象。
我一直使用的模式是父级（即myAngularComponent）将模板附加到元素上，然后调用ko.applyBinding(new myViewModel, myTemplate)，这可能吗？
李>

感谢您的宝贵时间！

【问题讨论】：

Angular 2 应该自动与 Knockout 集成。任何点击处理程序或 DOM 事件处理程序都会触发 Angular 视图的更新。你遇到了特定的困难吗？
很高兴听到它应该集成。我的问题与集成的实际实施有关，我不确定您应该如何做。 IE 如何将 KO 组件导入 Angular 组件并使用它。谢谢！
我也有同样的问题。如何为我 npm 安装的淘汰赛或其他第三方 js 声明导入语句。
@cjr 你好，你找到解决这个问题的方法了吗？我正在寻找一些相同的解决方案:) 对此有任何更新吗？
@stckvflw 这种方法我并没有走多远。我最终用 Angular 重写了所有内容，老实说，从长远来看，这更容易维护。

标签： angular knockout-2.0

【解决方案1】：

这不是我真正尝试过的东西，但也许这样的东西会起作用

import {Component, OnInit} from 'angular/core';
import {MyViewModel} from './some-location';

declare var ko:any;

@Component{...}

export class MyComponent implements OnInit {

    ngOnInit() {
        ko.applyBindings(new MyViewModel());
    }
}

【讨论】：

那么如何导入淘汰赛TGH？
应该是import * as ko from 'knockout';