选择角度ng-change不同于ng-单击按钮

Question

我在角度应用程序中有以下代码。

<select ng-options="f as f.name for f in wf"
                            ng-model="w" ng-change="showChart(w)">
</select>

<button type='button' ng-click="showChart(w)">Display</button>

两者都调用一个执行以下操作的jquery函数：

$scope.showChart = function(w){
    console.log("Showing chart " + w.identifier);
    $('#list-'+ w.identifier).orgChart({container: $('#chart-' + w.identifier)});
    console.log("Chart showing");
};

现在，当我更改选择时，我在控制台中看到2条日志消息，但在我单击按钮之前，图表不会显示。

单击按钮时，将显示图表。单击按钮后，当我更改选择图表更改时。

为什么这不能正常工作？这两个标签在页面的正上方/下方，它们做同样的事情，只是在我点击按钮之前没有显示任何内容。

单击该按钮应该与更改选择完全相同，但是在单击按钮之前select不起作用??