2017-12-18 46 views
0
<select ng-model="currentTimeStartHour" style="width: 33%" ng-change="UpdateTime(this)"> 
    <option ng-repeat="hour in choices" value="{{hour.id}}">{{hour.name}}</option> 
</select> 

別的地方(在HTML頁)......試圖更新採用了棱角分明的HTML的函數的值沒有更新

{{totalHours}} 

我想要做的每次是這樣的選擇字段已更新,我想運行一個函數來更新並重新計算代碼中前面顯示的另一個值。這是非常的功能:

$scope.UpdateTime = function() { 
    totalHours = currentTimeStartHour - 3; 
    return totalHours; 
};  

我現在得到的結果是,該函數根本不運行。我對角度很陌生,現在一直在爲此苦苦掙扎。有人可以幫助我或指出我在正確的方向嗎?

+1

你必須使用$ ** **範圍上的變量控制函數內部。 –

回答

0
<select ng-model="currentTimeStartHour" 
     ng-change="UpdateTime()"> 
    <option ng-repeat="hour in choices" value="{{hour.id}}">{{hour.name}}</option> 
</select> 

{{totalHours}} 

在控制器

$scope.UpdateTime = function() { 

    $scope.totalHours = $scope.currentTimeStartHour - 3; 

}; 
+0

工作!非常感謝你。我對角度很陌生,所以我很困惑。我知道我可以閱讀教程,但我有點被拋到了最後。 :) –

0
$scope.UpdateTime = function(currentTimeStartHour) { 
    $scope.totalHours = currentTimeStartHour - 3; 
}; 

在HTML:

<select ng-model="currentTimeStartHour" style="width: 33%" ng-change="UpdateTime(currentTimeStartHour)"> 
    <option ng-repeat="hour in choices" value="{{hour.id}}">{{hour.name}}</option> 
</select> 
+1

感謝您的幫助! –