AngularJS выражение, если значение находится в массиве

Question

AngularJS выражение, если значение находится в массиве

0

Я пытаюсь добавить класс к элементу, если значение находится в массиве в пределах области действия, но, похоже, оно не работает.

Вот мой код:

$scope.weather = [];
$scope.cool = ['Cool'];
$scope.mild = ['Mild'];
$scope.hot = ['Hot'];

$scope.selectWeather = function(weatherType){
    if($.inArray(weatherType, $scope.weather) == -1){
        $scope.weather.push(weatherType);
    }else{
        $scope.weather.splice($.inArray(weatherType, $scope.weather),1);
    }       
}



<a class="cool" ng-click="selectWeather('Cool');" ng-class="{'selected': cool.$indexOf(weather) != -1}">
    Cool
</a>

Спасибо за вашу помощь.

Matt Price 24 сен. 2015, в 13:13

Источник

0

Можете ли вы предоставить демо?
Maxim Shoustin 24 сен. 2015, в 11:00
0

$indexOf , вероятно, не является функцией.
muenchdo 24 сен. 2015, в 11:07
0

Что выводится: cool.$indexOf(weather) ? try: <pre>{{cool.$indexOf(weather)}}</pre>
Maxim Shoustin 24 сен. 2015, в 11:08
0

Ваш код немного сбивает с толку, и я не уверен, чего вы хотите достичь. Можете ли вы проверить этот JSFiddle и сказать мне, если он делает то, что вы хотите? Я отправлю ответ с объяснениями тогда.
muenchdo 24 сен. 2015, в 11:21
0

@muenchdo Muenchdo - Это работает! Это был inArray, который вызывал проблему. Большое спасибо за вашу помощь в этом. Очень признателен.
Matt Price 24 сен. 2015, в 14:21
0

@muenchdo Muenchdo - Вы хотите поставить свой ответ здесь, чтобы я мог пометить его как правильный? По крайней мере, вы получили признание за это?
Matt Price 25 сен. 2015, в 09:27

Показать ещё 4 комментария

Теги:

jquery

angularjs

1 ответ

Ещё вопросы

$indexOf , вероятно, не является функцией.
Что выводится: cool.$indexOf(weather) ? try: <pre>{{cool.$indexOf(weather)}}</pre>
Ваш код немного сбивает с толку, и я не уверен, чего вы хотите достичь. Можете ли вы проверить этот JSFiddle и сказать мне, если он делает то, что вы хотите? Я отправлю ответ с объяснениями тогда.
@muenchdo Muenchdo - Это работает! Это был inArray, который вызывал проблему. Большое спасибо за вашу помощь в этом. Очень признателен.
@muenchdo Muenchdo - Вы хотите поставить свой ответ здесь, чтобы я мог пометить его как правильный? По крайней мере, вы получили признание за это?

muenchdo · Accepted Answer · 2015-09-25T07-22-00.000Z

Проблема в том, что вы используете $indexOf() внутри своего ng-class, что не является функцией. Просто используйте обычный indexOf в своем шаблоне следующим образом:

<a class="cool" 
   ng-click="selectWeather('Cool')"
   ng-class="{'selected': weather.indexOf('Cool') != -1}">Cool</a>

Функция selectWeather также была не совсем корректной:

$scope.selectWeather = function (weatherType) {
  if ($scope.weather.indexOf(weatherType) == -1) {
    $scope.weather.push(weatherType);
  } else {
    $scope.weather.splice($scope.weather.indexOf(weatherType), 1);
  }       
}

Есть также некоторые другие проблемы с вашим кодом, который я исправил в этом JSFiddle.