Semantic UI Modal Undefined

Question

У меня возникли проблемы с получением модального модуля semantic-ui для работы в моем контроллере angularJS. Когда я звоню

$(".ui.modal").modal() 

Я получаю следующее сообщение об ошибке.

TypeError: undefined is not a function at l.$scope.showAddBeacon (*js/controllers.js:320:20) at hb.functionCall (*lib/angular/angular.min.js:198:426) at Cc.(anonymous function).compile.d.on.f (*lib/angular/angular.min.js:215:74) at l.$get.l.$eval (*lib/angular/angular.min.js:126:193) at l.$get.l.$apply (*lib/angular/angular.min.js:126:419) at HTMLDivElement. (*lib/angular/angular.min.js:215:126) at HTMLDivElement.n.event.dispatch (*lib/jquery/dist/jquery.min.js:3:6444) at HTMLDivElement.n.event.add.r.handle (*lib/jquery/dist/jquery.min.js:3:3219)

Семантический модуль установлен, а модальный скрыт по умолчанию, как я ожидал. Если я вызываю следующее он работает отлично:

$(".ui.modal").show()

Answer 1

Я могу выполнить это требование с $(".ui.modal").modal('show') вместо $(".ui.modal").modal(). Модальная функция семантического UI ожидает, по крайней мере, одного аргумента в ней, чтобы определить статус модального (показать, скрыть, настроить конфигурацию и т. Д.).

Модифицированная функция без аргумента используется для инициализации модального. При инициализации текущий размер модала будет кэшироваться, и элемент будет отделен от DOM и перемещен внутри диммера.

Код: http://semantic-ui.com/modules/modal.html#/usage