Почему ng-change не работает в выбранных js

Я использую раскрывающийся список 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, вызовет ли это какие-нибудь проблемы?

У вас есть пробел между ng-change и = "circleChange(circle)", но я не уверен, работает ли выбранный вариант с ng-change. Вы можете изменить свою модель на использовать точку и смотреть изменить это значение в вашем контроллере

— 03.08.2018 14:29

javascript angularjs

03.08.2018 14:15

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

128

Ответы 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>

Надеюсь, это тебе поможет.

03.08.2018 14:32