Угловой ремень данных-минутный набор динамический

Question

Я попытался установить data-minute-step={{somevalue}}, но если я изменю значение, он не обновит сборщик. Могу ли я что-то сделать?

Пример:

<input type="number" ng-model="stepSize">  
<input bs-timepicker data-minute-step="{{stepSize}}"> 

Это то, что у меня есть:

<input id="timetable.amountPerLeson" 
     class="form-control" 
     type="number" 
     step="15" 
     placeholder="45 min" 
     ng-model="durationStep"> 

<input id="timetable.start" 
     class="form-control" 
     type="text" 
     placeholder="date" 
     ng-model="slot.startHour" 
     bs-timepicker 
     data-time-format="HH:mm" 
     data-length="1" 
     data-minute-step="{{durationStep}}" 
     data-arrow-behavior="picker" 
     ng-show="slot.name === 'Hours'" > 

Answer 1

Я посмотрел на source code и это, кажется, не следить за изменениями на атрибутах - они оцениваются только один раз, поэтому для этого нужно перетащить data-minute-step с помощью входных данных doens't.

Обходной я могу предложить, чтобы заставить визуализации элемента timepicker, когда вы обновляете минут шаги:

<input id="timetable.amountPerLeson" class="form-control" type="number" step="15" placeholder="45 min" 
     ng-model="durationStep" ng-change="minutesUpdated()"> 

<input id="timetable.start" class="form-control" type="text" placeholder="date" 
     ng-model="slot.startHour" 
     bs-timepicker data-time-format="HH:mm" data-length="1" ng-attr-data-minute-step="{{durationStep}}" 
     data-arrow-behavior="picker" ng-show="slot.name === 'Hours'" ng-if="!renderTimePicker"> 

добавить функцию визуализации к контроллеру (Убедитесь, что Вы вводите $timeout):

$scope.minutesUpdated = function() { 
    $scope.renderTimePicker = true; 
    $timeout(function() { 
     $scope.renderTimePicker = false; 
    }); 
}; 

Изменение шага минут от представления вызовет функцию $scope.minutesUpdated(), она удалит timepicker из представления (потому что я добавил ng-if="!renderTimePicker" в элемент) и вернул его снова после просмотра ed (Сбрасывая $scope.renderTimePicker = false; внутри $timeout).

Обратите внимание, что я сменил data-minute-step на ng-attr-data-minute-step, потому что я думаю, что это сработает.