Как объединить два входа в одно значение и связать?

Question

Я использую 2 входа для определения возраста. Оба значения должны быть переданы на новый вход, который привязан к объекту rule.data. Это возможно? Я новичок в angularjs и, вероятно, у меня есть недостаток. Спасибо за ваши советы

HTML

  <input type="number" class="form-control input-sm" min="1" max="110" ng-model="age.from"/> 
      <input type="number" class="form-control input-sm" min="1" max="110" ng-model="age.to"/> 
      <input type="text" class="form-control input-sm" ng-model="rule.data" value="between {{age.from}} and {{age.to}}" /> 

Answer 1

Я не понимаю, почему вы хотите использовать <input> для форматирования текста со значениями мин и макс.

Вы предпочли бы это сделать, нет?

<input type="number" class="form-control input-sm" min="1" max="110" ng-model="age.from"/> 
<input type="number" class="form-control input-sm" min="1" max="110" ng-mdodel="age.to"/> 
<span>between {{age.from}} and {{age.to}}</span> 

Это работает для вас?

---

Если строка просто заполнитель для значения возраст пользователя, вы должны сделать это вместо:

<input type="number" class="form-control input-sm" min="1" max="110" ng-model="age.from"/> 
<input type="number" class="form-control input-sm" min="1" max="110" ng-mdodel="age.to"/> 
<input type="text" class="form-control input-sm" ng-model="rule.data" placeholder="between {{age.from}} and {{age.to}}" /> 

---

Если вам нужно, чтобы получить конечную строку в модель, вы можете сделать что-то вроде этого, то:

<input type="number" class="form-control input-sm" min="1" max="110" ng-model="age.from"/> 
<input type="number" class="form-control input-sm" min="1" max="110" ng-mdodel="age.to"/> 
<input type="text" class="form-control input-sm" ng-model="rule.data" ng-init="rule.data = 'between ' + age.from + ' and ' + age.to" /> 

(я предполагаю, что у вас нет контроллера для инициализации модели правильно.Если вы это сделаете, просто добавьте эту линию внутри: $scope.rule.data = 'between ' + $scope.age.from + ' and ' + $scope.age.to;. он должен сделать трюк)

Answer 2

может меняться в зависимости от многих решений, вы можете добавить пользовательский фильтр на третий совместный результат,

 <input type="text" class="form-control input-sm" ng-model="rule.data | customFilter:age.from:age.to" value="between {{age.from}} and {{age.to}}" /> 

    app.filter('customFilter',function(){ 
    return function(input ,fromage,toage){ 
     //your code for between 
     return //your calculated age 
    } 

});