Example

Question

这是输入的设置方式：

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

我现在要解析这个数字输入并对其执行模数函数，然后打印一个语句。

我知道我可以使用模数函数，我想知道如何根据结果打印语句。例如：if（yourNum％3 == 0）print＆＃34; hello＆＃34;

我在使用ng-if

时遇到了麻烦

Answer 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>

Answer 2

HTML：

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

Java脚本：

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

打印条件AngularJS

2 个答案:

Example