Угловое использование lodash в шаблоне HTML

Question

Может, кто-нибудь подскажет, как использовать Lodash в файле шаблона Angular HTML?

Я знаю, как использовать его в файле TypeScript компонента, но не в файле HTML компонента.

Спасибо

PS Это НЕ ДУМАЯ AngularJs: в шаблоне представления есть Underscore / Lodash / _ , потому что это относится к AngularJS, а не Angular.

Answer 1

Для лучшей оптимизации импортируйте только требуемый пакет, используя lodash-es (npm install lodash-es --save-prod):

import isString from 'lodash-es/isString';
...
export class MyComponent {
  isString = isString;
}

Answer 2

import * as _ from "lodash";

@Component({
  ...
})
export class MyComp {
  this._ = _;
}

Answer 3

import * as _ from 'lodash' 

Поместите _ в переменную и используйте ее в шаблоне - это решение.Но если вы хотите использовать только одну функцию из lodash, возможно, вы можете получить что-то вроде

import { isEqual } from 'lodash';

, а затем поместить функцию isEmpty lodash в переменную вместо всей библиотеки lodash.

Answer 4

Если вы импортируете модуль в свой файл TS, вы можете назначить его свойству класса и без проблем использовать его в своем HTML.

import * as _ from 'lodash';
...
export class YourClass {
  lodash = _;
  ...
}

---

<p> {{lodash.isEqual(1,1)}} </p>