У меня есть эта переменная с именем records,
Теперь я хочу проверить, не массив или нет в angular2/typescript?
В AngularJS, который я раньше делал:
ng-if="selectedCol.data && !isArray(selectedCol.data)"
Но когда я пытаюсь сделать следующее, это не работает;
*ngIf="selectedCol.model.data && !Array.isArray(selectedCol.model.data)"
Это дает мне ошибку ниже:
TypeError: Невозможно прочитать свойство isArray из undefinedлюбые входы?
Angular 2 шаблон выполняется внутри Component контекста, то есть вы можете получать доступ только к свойствам/методам, определенным внутри Component
Самый простой способ - определить метод isArray в Component
isArray(obj : any ) {
return Array.isArray(obj)
}
В шаблоне
*ngIf="isArray(selectedCol.model.data)"
Чтобы избежать кода шаблона, определите Service с методом isArray, зарегистрируйтесь как Singleton, введите в Component и используйте метод isArray через свойство службы
Альтернативно, определите свойство _array в Component и присвойте ему Array
private _array = Array;
В шаблоне
*ngIf="_array.isArray(selectedCol.model.data)"
В дополнение к тому, что сказал @tchelidze:
Angular 2 предоставляет оболочку с именем isArray в facade/lang, экспортированную и определенную следующим образом:
export function isArray(obj: any): boolean {
return Array.isArray(obj);
}
Вы можете импортировать его в свой компонент следующим образом:
import {isArray} from '@angular/facade/lang';
Затем вы можете публиковать его публично в своем компоненте:
this.isArray = isArray
И используйте в своем шаблоне так:
*ng-if="selectedCol.data && !isArray(selectedCol.data)"
Не будучи наиболее эффективным решением (см. другой ответ), [].constructor.isArray подходит для любого контекста выражения и не требует заражения классов компонентов с помощью помощников на уровне языка:
*ngIf="selectedCol.model.data && [].constructor.isArray(selectedCol.model.data)"