Почему {{isNan (x)}} не работает в angularJS?

Обратите внимание, что заголовок этого вопроса изменился на тот, который больше сфокусирован на точной проблеме. См. Поток комментариев, чтобы следить за тем, как я понял, что проблема заключается в том, что AngularJS, похоже, не обрабатывает {{isNaN()}}

В моем HTML есть следующее:

xx {{ option.selectedSubject }} yy {{ (option.selectedSubject == null) }} zz

и я также попытался:

xx {{ option.selectedSubject }} yy {{ option.selectedSubject == null }} z

и

xx {{ option.selectedSubject }} yy {{ option.selectedSubject === null }} zz

Может кто-нибудь объяснить мне, почему я получаю следующее для каждого из вышеперечисленных при просмотре моей страницы:

xx null yy false zz

Обновление 1 Я пробовал следующее:

aa {{ option.selectedSubject === "null" }} bb {{ option.selectedSubject == "null" }} cc

и он дает следующее:

aa false bb false cc

Обновление 2 Я не уверен, что это помогает, но вот что заполняет значения option.selectedSubject. В этом случае в локальном хранилище ничего нет:

$scope.option.selectedSubject = parseInt(localStorage.get('selectedSubject'));

Когда я проверяю значение $scope.option.selectedSubject, оно NaN

ОТВЕТЫ

Ответ 1

Проблема здесь не isNaN. Проблема в том, что вы вызываете функцию в переменной $scope, которая не существует.

Каждая интерполированная часть текста ('{{text}}') связана с переменной $scope и оценивается с этой переменной области $scope.

Чтобы облегчить вам задачу, $scope.property может быть создан "на лету", если он не существует. Каждый раз, когда вы используете ngModel = 'someProperty' или {{aPropertyName}}, тогда corressponding $scope.someProperty или $scope.aPropertyName создается автоматически, если он еще не существует. Однако этот ярлык работает только с примитивами.

Функциональные вызовы всегда оцениваются по $scope и никогда не создаются. Вот почему вы должны сказать $scope.isNaN = isNaN, как вы нашли в своем предыдущем комментарии.

Попробуйте использовать любую функцию. isArray, isNumber и т.д. Это не сработает, если вы не поставили объект $scope.functionName = functionName в контроллере.

Edit: Кроме того, если вы действительно хотите выполнить тест isNaN прямо в интерполяции, вы можете воспользоваться системой типа javascript и использовать

{{ property != property }}

Но это плохая форма...

http://plnkr.co/edit/wfLqzk8QxScsJPF5qY12?p=preview

Ответ 2

Изменить: Исходный вопрос: Могу ли я пройти тест внутри {{}} в angularJS?, а $scope.option.selectedSubject должен быть null, а не NaN. Автору должен быть открыт другой вопрос, а не менять его на совершенно другой.

Ответ на исходный вопрос:

Вы можете поместить выражение внутри своей привязки, поэтому вы можете проверить {{option.selectedSubject == null}}. Проверьте свою область действия, если результат оценки не соответствует ожидаемому.