如何在angularjs指令的多个部分中显示/编辑单个值？

Question

我是angular.js的新手，目前我正试图创建一个包含两部分的指令：

<div class="timeSpanInput">
    <input type="number" class="timeSpanInputValue" min="1" ng-model="timeSpanInput.value">
    <select class="timeSpanInputUnit" 
        ng-model="timeSpanInput.unit"
        ng-options="timeUnit.longValue as timeUnit.label for timeUnit in timeSpanInput.timeUnits">
    </select>    
<div>

我的数据模型是一个毫秒级的长整型值，我打算这样使用它：

<time-span-input name="time_bucket" model="data.time_bucket"/>

我可以使用$ watch或getterSetter来更改data.time_bucket，但是如何将给定data.time_bucket的原始数据设置为两个字段？

if (this.timeSpan % timeUnits.day.longValue == 0){
    this.unit = timeUnits.day.longValue;
} else if (this.timeSpan % timeUnits.hour.longValue == 0){
    this.unit = timeUnits.hour.longValue;
} else {
    this.unit = timeUnits.minute.longValue;
}
this.value = this.timeSpan / this.unit;

有什么建议吗？