Как хэшировать электронную почту от ввода html в Angular, используя Md5? - PullRequest
Новая
       19

Как хэшировать электронную почту от ввода html в Angular, используя Md5?

0 голосов
/ 16 мая 2019 
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);
   }
}

Я пока не очень разбираюсь в Angular, я использовал React, но никогда не использовал Angular иэто проблема для меня.Поэтому я должен вызвать эту функцию с переданным параметром из входного элемента: 

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

Ответы [ 3 ]

0 голосов
/ 16 мая 2019

Попробуйте:

импортировать md5 в ваш компонент / сервис: 

import {md5} from './md5';

, затем вы можете использовать его в своем компоненте / сервисе: 

let e = md5(this.email);
0 голосов
/ 16 мая 2019

Импорт необходимой библиотеки: 

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() {}
}
0 голосов
/ 16 мая 2019

import {md5} из './md5';// убедитесь, что он указывает на папку, где находится файл md5.ts 

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