Comportement bidirectionnel de l'interface utilisateur angulaire TimePicker

Question

Je voudrais savoir quelle partie du code source de la directive je dois modifier pour implémenter un comportement bidirectionnel avec ce composant? En raison de certaines conditions, je devrais changer le temps de « 08:00 » ou le laisser comme il est ... J'ai vu qu'un champ isolé est mis en œuvre alors peut-être qui explique la behavuour ...

Thankx

Answer 1

L'attribut ng-model sur votre Timepicker (s'il existe) représente le point de données lié exposé pour que vous puissiez le modifier et être modifié par cette directive.

<timepicker ng-model='scopeVariableYouBindToDatePickerToHaveAccessToSelectedValue' /> 

Si vous avez un exemple de code source, ou la directive elle-même, s'il vous plaît ne hésitez pas à poster un exemple ou un lien.

Answer 2

pas complètement sûr que je comprends, mais ici va rien ...

$scope.update = function() { 
    var d = new Date(); 
    d.setHours(8); 
    d.setMinutes(0); 
    $scope.mytime = d; 
    }; 

ou mieux si vous ne voulez pas avoir à cliquer sur un bouton, mais cette montre devrait être liée à un événement de cours:

$scope.$watch('something_to_watch', function(new, old) { 
     var d = new Date(); 
     d.setHours(8); 
     d.setMinutes(0); 
     $scope.mytime = d; 
}); 

Et comme Sean Larkin dit, votre code html alors ressembler à ceci:

<timepicker ng-model='{{mytime}}' />