Angularjs 如何在angular js中编写动态时间下拉列表？

我想在下拉列表中显示计时，但在每个控制器中都有太多的数据需要提及。如果我对此使用任何指令，那么它将修复我的问题

代码：

现在我就这样用。有谁能给我一个更好的解决方案吗？

---

提前谢谢

我想你正在找这个

app.directive('timePicker', function() {
return {
restrict: 'E',
require: 'ngModel',
replace: true,
link: function(scope, element, attrs) {
  scope.timings = ['7:00 am', '7:15 am', '7:30 am', '7:45 am', '8:00 am', '8:15 am',
    '8:30 am', '8:45 am', '9:00 am', '9:15 am', '9:30 am', '9:45 am',
    '10:00 am', '10:15 am', '10:30 am', '10:45 am', '11:00 am', '11:15 am', '11:30 am',   '11:45 am',
    '12:00 pm', '12:15 pm', '12:30 pm', '12:45 pm', '1:00 pm', '1:15 pm',
    '1:30 pm', '1:45 pm', '2:00 pm', '2:15 pm', '2:30 pm', '2:45 pm',
    '3:00 pm', '3:15 pm', '3:30 pm', '3:45 pm', '4:00 pm', '4:15 pm',
    '4:30 pm', '4:45 pm', '5:00 pm', '5:15 pm', '5:30 pm', '5:45 pm',
    '6:00 pm', '6:15 pm', '6:30 pm', '6:45 pm', '7:00 pm', '7:15 pm',
    '7:30 pm', '7:45 pm', '8:00 pm', '8:15 pm', '8:30 pm', '8:45 pm',
    '9:00 pm', '9:15 pm', '9:30 pm', '9:45 pm', '10:00 pm', '10:15 pm',
    '10:30 pm', '10:45 pm', '11:00 pm', '11:15 pm', '11:30 pm', '11:45pm',
    '12:00 am', '12:15 am', '12:30 am', '12:45 am', '1:00 am', '1:15 am',
    '1:30 am', '1:45 am', '2:00 am', '2:15 am', '2:30 am', '2:45 am',
    '3:00 am', '3:15 am', '3:30 am', '3:45 am', '4:00 am', '4:15 am',
    '4:30 am', '4:45 am', '5:00 am', '5:15 am', '5:30 am', '5:45 am',
    '6:00 am', '6:15 am', '6:30 am', '6:45 am'
  ];

},
template: '<select name="timepicker" id="timePicker">\
<option value="{{time}}" ng-repeat="time in timings">{{time}}</option>\
</select>'
};
});

---

我不知道你有什么问题。你能详细说明一下吗？目前还不清楚你现在拥有什么以及你想要实现什么，请分享更多的代码并详细说明你的问题。@apairet-我是说我想使用任何循环代码来获取时间，它应该是自动的，而不是像我现在写的那样。我不能在每个控制器上重复相同的数组写入。那么现有的代码呢，比如，？谢谢。我只想这样用

app.directive('timePicker', function() {
return {
restrict: 'E',
require: 'ngModel',
replace: true,
link: function(scope, element, attrs) {
  scope.timings = ['7:00 am', '7:15 am', '7:30 am', '7:45 am', '8:00 am', '8:15 am',
    '8:30 am', '8:45 am', '9:00 am', '9:15 am', '9:30 am', '9:45 am',
    '10:00 am', '10:15 am', '10:30 am', '10:45 am', '11:00 am', '11:15 am', '11:30 am',   '11:45 am',
    '12:00 pm', '12:15 pm', '12:30 pm', '12:45 pm', '1:00 pm', '1:15 pm',
    '1:30 pm', '1:45 pm', '2:00 pm', '2:15 pm', '2:30 pm', '2:45 pm',
    '3:00 pm', '3:15 pm', '3:30 pm', '3:45 pm', '4:00 pm', '4:15 pm',
    '4:30 pm', '4:45 pm', '5:00 pm', '5:15 pm', '5:30 pm', '5:45 pm',
    '6:00 pm', '6:15 pm', '6:30 pm', '6:45 pm', '7:00 pm', '7:15 pm',
    '7:30 pm', '7:45 pm', '8:00 pm', '8:15 pm', '8:30 pm', '8:45 pm',
    '9:00 pm', '9:15 pm', '9:30 pm', '9:45 pm', '10:00 pm', '10:15 pm',
    '10:30 pm', '10:45 pm', '11:00 pm', '11:15 pm', '11:30 pm', '11:45pm',
    '12:00 am', '12:15 am', '12:30 am', '12:45 am', '1:00 am', '1:15 am',
    '1:30 am', '1:45 am', '2:00 am', '2:15 am', '2:30 am', '2:45 am',
    '3:00 am', '3:15 am', '3:30 am', '3:45 am', '4:00 am', '4:15 am',
    '4:30 am', '4:45 am', '5:00 am', '5:15 am', '5:30 am', '5:45 am',
    '6:00 am', '6:15 am', '6:30 am', '6:45 am'
  ];

},
template: '<select name="timepicker" id="timePicker">\
<option value="{{time}}" ng-repeat="time in timings">{{time}}</option>\
</select>'
};
});