AngularJS + jQuery Mobile без адаптера и отключенной маршрутизации -Используется только для стиля пользовательского интерфейса

Я изучаю AngularJS и создал небольшое приложение. Теперь, когда он функционально завершен, я хотел бы стилизовать его с помощью jQuery Mobile.

Первоначально я использовал tigbro jquery -мобильный -угловой -адаптер , но в конечном итоге решил, что это сложнее и сложнее, чем мне нужно. Мне не нужны причудливые переходы между экранами или функции управления страницами в jQuery Mobile -. Я просто хочу использовать его для стилизации приложения, а все остальное пусть сделает AngularJS.

Я прочитал этот пост , который преследует ту же цель, хотя и с другим фреймворком, и содержит фрагмент кода для отключения маршрутизации jQuery Mobile.

Я применил этот фрагмент к своему приложению в таком порядке загрузки скрипта, непосредственно перед закрывающим тегом body:

  1. jQuery
  2. фрагмент
  3. jQuery для мобильных устройств
  4. Угловой JS

Это размещение фрагмента является единственным, которое работает или в любом случае работает, поскольку все в моем индексе загружает правильно стилизованный (заголовок и основную навигацию, в основном ), и мои маршруты AngularJS работают просто отлично, но любые динамически загружаемые шаблоны которые заполняют мое представление ng -, несмотря на то, что jQuery Mobile data -роли (ul в виде списка и т. д. ),не оформлены jQuery Mobile; они просто HTML.

Есть ли у кого-нибудь идеи о том, как я могу получить стиль для этих динамически загружаемых шаблонов?

Структура HTML моего индекса выглядит так:


    

MyApp

Home Add

А вот пример одного из моих шаблонов:


Благодарю вас!

9
задан Trae 12 July 2012 в 22:15
поделиться