Question

import { Md5 } from 'ts-md5/dist/md5';
console.log(Md5.hashStr('john_doe@example.com'));

这成功地将提供的电子邮件散列到组件外部，但是我需要在Angular组件中实现它？

export class HasherComponent implements OnInit {

    md5 = new Md5();

   constructor() { }

   hash(str: string) {
     this.md5.hashStr(str);
   }
}

我还没有真正的角度经验，我使用过React，但从未使用过Angular，这对我来说是个问题。因此，我应该使用输入元素中传递的参数调用此函数：

<input type="text" name="email" placeholder="Enter your email:" value="" />
<button (click)="hash()">Hash it!</button>

Answer 1

从'./md5'导入{md5}; //确保它指向md5.ts文件所在的文件夹

let e = md5(this.email); // this.email = 'kashi_rock82@yahoo.com'

Answer 2

尝试一下：

在组件/服务中导入md5：

import {md5} from './md5';

然后您可以在组件/服务中使用它：

let e = md5(this.email);

Answer 3

导入所需的库：

import {md5} from './md5';

并在组件中使用它：

export class HasherComponent implements OnInit {

    e: string;
    constructor() {
      this.e = md5(this.email);
    }
    ngOnInit() {}
}

或者：

import {Md5} from 'ts-md5/dist/md5';

export class HasherComponent implements OnInit {

    md5 = new Md5();
    hashString: string;

    constructor() {
      this.hashString = Md5.hashStr('blah blah blah')
    }
    ngOnInit() {}
}

如何使用Md5对来自Angular中html输入的电子邮件进行哈希处理？

3 个答案: