Печать условных обозначений AngularJS

0

Вот как настроен вход:

input type="number" ng-model="yourNum" placeholder="Enter a number here"

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

Я знаю, что могу использовать функцию modulo, мне интересно, как печатать заявления на основе результата. Пример: if (yourNum% 3 == 0) напечатать "hello"

У меня возникли проблемы с использованием ng-if

Теги:

2 ответа

1

Если вы хотите, чтобы контент полностью удалялся из DOM, когда ваш условный оператор является истинным, вы можете использовать директиву ngIf для условного включения битов HTML

<span ng-if="yourNum % 3 === 0">hello<span>

Или, если вы хотите, чтобы он всегда был там скрытым от пользователя, вы можете использовать ng-show

<span ng-show="yourNum % 3 === 0">hello<span>

JS делает некоторое преобразование автоматического типа для вас, поэтому в этом случае сравнение будет работать. Найдите js auto type conversion если вы хотите получить дополнительную информацию об этом.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <input type="number" ng-model="yourNum" placeholder="Enter a number here">
  <span ng-if="yourNum % 3 === 0">yo</span> 
  <span ng-if="yourNum % 4 === 0">hello</span> 
</div>
Поделиться
  • 1
    Я думаю, что ng-show будет лучше.
  • 0
    Хороший вопрос, добавлено в редактировании
Показать ещё 7 комментариев
0

HTML:

<input type="number" ng-change="onNumberChange()" ng-model="yourNum" />
<p>{{ error }}</p>

Java Script:

$scope.onNumberChange = function () {
    $scope.error = $scope.yourNum%3 === 0 ? 'some error' : '';
}

пример

Поделиться
  • 0
    Спасибо за помощь! Тем не менее, мне нужно сделать это в angularjs
  • 0
    В самом деле?! Посмотрите это тогда: plnkr.co/edit/vau5IrGDmEzhaNZehRVG?p=preview
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню