1

我知道 FlowJs 与 angular2 没有直接集成，所以我试图通过以下方式实现它，但没有取得任何成功：

通过直接声明：

在 index.html 中包含 flow.js 脚本文件，下面是 component.ts 文件的代码：

import { Component, OnInit } from '@angular/core';
declare var Flow: any;

@Component({
    selector: 'dashboard-page',
    templateUrl: 'dashboard.component.html'
})

export class DashboardComponent implements OnInit {
    public message: string;

    constructor() {
        this.message = 'Dashboard';
    }
    ngOnInit() {
        var flow = new Flow({
            target: '/api/photo/redeem-upload-token',
            query: { upload_token: 'my_token' }
        });
    }
}

在这给我错误：'流未定义'

通过使用@typings：

我已经通过@types/flowjs 安装了@typings，然后使用“npm install --save-dev @flowjs/flow.js”安装了flow.js，然后我在我的组件中编写了以下代码：

import { Component, OnInit } from '@angular/core';
import * as Flow from "@types/flowjs"; 
//or

//import * as Flow from "flowjs"; @Component({ selector: 'dashboard-page', templateUrl: 'dashboard.component.html' })

export class DashboardComponent implements OnInit {
    public message: string;

    constructor() {
        this.message = 'Dashboard';
    }
    ngOnInit() {
        var flow = new Flow({
            target: '/api/photo/redeem-upload-token',
            query: { upload_token: 'my_token' }
        });
    }

}

但在此它给出一个错误：“/node_modules/@types/flowjs/index.d.ts' 不是一个模块”。

如何使用 angular2 实现 FlowJ？

4

0 回答 0