2014-08-30 2 views
4

По рекомендации @Pavlo, чтобы использовать https://github.com/angular-ui/ui-sortable,Где я могу поместить Угловой код в это приложение Mean.js, чтобы сделать этот список отсортированным?

У меня есть этот повторяющийся список, который я хочу сделать сортируемым.

<div ui-sortable ng-model="regions" class="list-group region-list"> 
    <a data-ng-repeat="region in regions" data-ng-href="#!/regions/{{region._id}}" class="list-group-item"> 
    <h4 class="list-group-item-heading" data-ng-bind="region.name"></h4> 
    </a> 
</div> 

Следуя советам @nrodic и добавил 'ui.sortable' в config.js.

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.sortable']; 

Однако, когда я добавлю, что я получаю следующее сообщение:

"ui.sortable: JQuery должен быть включен до того AngularJS"

Любой дальней связи справка приветствуется.

спасибо.

+0

В идеале вам понадобится «сортируемая» директива, например: https://github.com/angular-ui/ui-sortable/blob/master/src/sortable.js – Pavlo

+0

@Pavlo, Спасибо! Это похоже на то, что мне нужно! Я добавил «угло-ui-sortable»: «~ 0.12.10» для bower.json. Я запускал bower install angular-ui-sortable, и теперь я вижу его в папке с публичными библиотеками. Я добавил путь к файлу sortable.js в файле config \ env \ all.js. Но я застрял на «Добавить сортируемый модуль как зависимость от вашего прикладного модуля». Где я могу поставить эту строку? Еще раз спасибо! – user390480

ответ

1

Ответ зависит от модулей вашего приложения. Для регистрации зависимостей в главном модуле вы можете редактировать public/config.js и добавить 'ui.sortable' к существующему списку:

var applicationModuleVendorDependencies = ['ngResource', 'ngAnimate', 
    'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.sortable']; 

Если вы регистрируете свой собственный модуль и хотите включить ui.sortable там, то ищите файл public/modules/<my-module>/*module.js и добавить зависимость есть:

ApplicationConfiguration.registerModule('<my-module>', ['ui.sortable']); 

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

+0

Да, это помогает. Спасибо! Я приближаюсь. Теперь я получаю «jQuery должен быть включен до AngularJS». Если я добавлю путь jquery к файлу all.js, над файлом sortable.js, я получаю ошибку jQuery, «Uncaught ReferenceError: define не определен». Еще раз спасибо! – user390480

1

У меня была такая же проблема. Выполните следующие действия:

  1. становой установить Jquery --save
  2. надстройку 'общественные/Lib/JQuery/DIST/jquery.min.js', «публичный/Библиотека/JQuery-щ/JQuery-UI. min.js, перед angular.js в конфигурации \ окр \ all.js
  3. добавить «ui.sortable» в applicationModuleVendorDependencies, расположенных в общественных местах/config.js

После этих шагов должны исправить эту проблему ,

Смежные вопросы