我有一個md-select,裏面有一個md選項。在md-option標籤中,我有一個ng-click指向我定義的函數。問題是,當我點擊列表中的一個選項時,它似乎永遠不會到達我的功能。AngularJS ng-click似乎不起作用
這裏是我的html:
<div class="panel-body">
<md-select placeholder="{{getIntervalName()}}" ng-model="intervalSelected">
<md-option ng-repeat="item in intervals" value="{{item.name}}" ng-click="changeInterval(item)">
{{item.name}}
</md-option>
</md-select>
<div style="overflow: auto;">
<div id="parentDivChart" style="{{changeWidth()}};height:400px">
<canvas id="bar" class="chart chart-bar" chart-data="datta"
chart-labels="labels" chart-options="myoptions" chart-legend="legend">
</canvas>
<div tc-chartjs-legend chart-legend="legend"></div>
</div>
</div>
</div>
而且這是在控制器中定義我的功能:
function changeInterval(item) {
console.log("change intervaaaalll");
$scope.default_interval ="day";
intrvl = item.value;
setItem("interval", item.value);
$scope.loadChart();
};
它不寫入到控制檯任何東西,這意味着它從來沒有達到我的功能。有人知道爲什麼嗎?
提前致謝!
我認爲'changeInterval'是私人函數。試試這個'$ scope.changeInterval = function(){...}' –