如何設置角度中兩個輸入字段的組合最大長度

Question

我想為角度的兩個輸入字段設置最大組合長度為64，因此如果說用戶為第一個字段輸入40個字符，則在第二個字段中，最大長度為24。

到目前為止，我試圖寫的是這樣的...

js

function newCat() {
  var cat =  {
    id: $scope.id,
    name: $scope.name
  };

  $scope.idMax = 64 - ($scope.name)
  $scope.nameMax = 64 - ($scope.id)

  [irrelevant code]

  return cat
};

html

<div class="form-group">
  <h3>id</h3>
  <input ng-maxlength="idMax" type="text" class="form-control" ng-model="id">
</div>
<div class="form-group">
  <h3>Name</h3>
  <input ng-maxlength="nameMax" type="text" class="form-control" ng-model="name">
</div>

不過這沒有用。

誰能建議解決我已經完成的工作，或者是解決該問題的更好方法？

Answer 1

編寫了一些可以幫助您的代碼。

 var myApp = angular.module('myApp',[]); function MyCtrl($scope) { $scope.name=''; $scope.id=''; var max = 10; $scope.update = function() { $scope.remaining = max - ($scope.name.length + $scope.id.length); $scope.idMax = max - ($scope.name.length); $scope.nameMax = max - ($scope.id.length); } $scope.update(); } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="MyCtrl"> <h3>id</h3> <input maxlength="{{idMax}}" type="text" ng-model="id" ng-change="update()"> Length: {{id.length}} <h3>Name</h3> <input maxlength="{{nameMax}}" type="text" ng-model="name" ng-change="update()"> Length: {{name.length}} <p>Remaining: {{remaining}}</p> </div> 

運行它，看看它是否正在嘗試實現。

小提琴