AngularJS在离子混合应用程序

Question

我正在使用离子框架处理混合移动应用程序。有一种情况我需要在离子警报框中显示2下拉列表。一个用于展示“年”＆＃39;列表＆amp;另一个是“月”。列表。

然后，用户需要选择“年”＆＃39;从年份下拉列表＆amp; ＆＃39;月＆＃39;从月下拉列表中单击查看按钮。之后，单击“查看”按钮我需要使用选定的年份和时间来处理数据。月值。

以下是我的应用程序的屏幕截图，其中包含2个下拉按钮。

除了一种情况，如果用户从“月份”中选择了任何选项，一切正常。列表＆amp;点击“年”＆＃39;下拉菜单选择任何年份＆＃39;然后，我的月份列表重新填充，在月份列表中添加一个额外选项＆amp;它可见这样 -

chrome consol的屏幕截图 -

我创建了一个具有相同逻辑的Jsfiddle，我将其用于我的混合应用程序。但是，在那里工作得很好。但是，在我的应用程序中同样的事情它不起作用。

这是JSfiddle链接 -

我认为，它与Ionic＆amp; amp;角度范围相关问题。但是，不知道究竟是什么。需要一些帮助。

我的应用中的Angular JS版：1.4.3

离子配置 - Cordova CLI：5.4.1 Gulp版本：CLI版本3.9.0 Gulp local：本地版本3.9.1 离子版：1.1.0 Ionic CLI版本：2.0.0-beta.21 Ionic App Lib版本：2.0.0-beta.11 操作系统：分销商ID：Ubuntu描述：Ubuntu 14.04.4 LTS 节点版本：v4.1.2

此致