Question

我正在使用chosen中的angularJS下拉菜单。在选定的DD中，ng-change不起作用。

<div ng-controller="nSumInstalController">

<div>
    <select style="width:240px;" ng-model="circle" ng-change ="circleChange(circle)" ng-options="report.Circles for report in reportsValuesOptions track by report.id" chosen></select>
</div>

控制器是

    $scope.reportsValuesOptions =

[{
    "Circles": "All",
    "id": 0
  },
  {
    "Circles": "Balasore Circle",
    "id": 1
  },
  {
    "Circles": "Baripada Circle",
    "id": 2
  },
  {
    "Circles": "Bhadrak Circle",
    "id": 3
  },
  {
    "Circles": "Jajpur Road Circle",
    "id": 4
  },
  {
    "Circles": "Keonjhar Circle",
    "id": 5
  }
]

 $scope.circleChange = function (circle) {
     alert();
 })

和使用的链接：

https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.4.0/angular-chosen.min.js https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.min.css

我不知道为什么它不起作用以及我做错了什么？请帮我这个问题。我从3天开始尝试。

更新：我正在使用ng-include会引起任何问题吗？

Answer 1

希望我已正确理解您的问题。我觉得您不必单独写选集。

<div ng-controller="nSumInstalController">
<div>
<select style="width:240px;" ng-model="circle" ng-change ="circleChange(circle)" ng-options="report.Circles for report in reportsValuesOptions track by report.id"></select>
</div>

以上应该可以正常工作。

否则尝试添加id和name属性，例如：

<div ng-controller="nSumInstalController">
<div>
<select style="width:240px;" id="chosen" name="chosen" ng-model="circle" ng-change ="circleChange(circle)" ng-options="report.Circles for report in reportsValuesOptions track by report.id"></select>
</div>

希望这对您有所帮助。

为什么ng-change在所选js中不起作用

1 个答案: