Присвойте значение атрибуту на основе условия - PullRequest
Новая
       5

Присвойте значение атрибуту на основе условия

0 голосов
/ 07 мая 2018

Мне нужно установить максимальное значение для поля ввода как 250 или 500 в зависимости от условия.

У меня есть ng-модал {{info.temp}}, который содержит значение 1 или 0.

Исходя из этого, если значение равно 1, максимальное число, которое можно ввести в текстовое поле, равно 250 или еще 500.

Пожалуйста, дайте мне знать, как написать эту логику в angularjs в HTML

Ответы [ 2 ]

0 голосов
/ 07 мая 2018

Пожалуйста, добавьте несколько примеров кода. установите условие для числового поля, используя директиву ng-max. 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="myApp" ng-controller="myCtrl">
    <form name="form1">
      condition input: <input type="text" ng-init="condition=1" ng-model="condition" /> <br/> final input: <input name="result" type="number" ng-max="condition == '0' ? 250 : 500" ng-model="result" /> {{result }} <span ng-show="form1.result.$invalid"> Final input not valid</span>
    </form>
  </div>

  <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {

    });
  </script>

</body>

</html>
0 голосов
/ 07 мая 2018

запустите этот код, и вы должны изменить temp с помощью edit и запустить снова: 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
  <form name="form">
    <label for="maxlength">Set a Info.Temp 0 or 1 : </label>
    <input type="number" ng-model="info.temp" id="maxlength" />
    <br>
    <label for="input">This input is restricted by the current Info.temp 1 = 250 and 0 = 500 char : </label>
    <input type="text" ng-model="name" id="input" name="input" ng-maxlength="info.temp ? 250 : 500" /><br>
    <hr>
    input valid? = <code>{{form.input.$valid}}</code><br>
    model = <code>{{name}}</code>
  </form>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "";
    $scope.info = { temp : 1};
});
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...