Angularui Адрес загрузки: https://github.com/clouda-team/blendui
После загрузки и декакомпрессии демонстрация находится в корневом каталоге
Теперь протестируйте использование демонстрации на официальном сайте
Откройте мобильный-англо-UI-мастер/demo/index.html с браузером и обнаружите, что нет стиля загрузки или JS. Затем, просмотрев элементы, я обнаружил, что путь загрузки был неправильным, поэтому я сделал следующую модификацию
Строка 5: <base href = "/mobile-angular-ui-master/"/>
Удалить все пути корневых каталогов/сайт и изменить относительные пути
demo.js и demo.css находятся в демонстрационном каталоге <script src = "demo/demo.js"> </script>, <link rel = "styleSheet" href = "demo/demo.css"/>
Строка 30,34: <div ng-include = "'' demo/sidebar.html '", <div ng-include = "' demo/sidebarright.html '"
Модифицированный index.html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8" />
<base href = "/mobile-angular-ui-master/"/>
<Title> Демонстрация мобильного углового пользовательского интерфейса </title>
<meta http-equiv = "x-ua-совместимый" content = "IE = edge, chrome = 1" />
<meta name = "Apple-Mobile-Web-app-способность" content = "yes" />
<meta name = "viewport" content = "user-scalbable = no, начальная масштаба = 1,0, максимальная масштаба = 1,0, минимальный ui" />>
<meta name = "Apple-Mobile-Web-App-Status-Bar-стиль" content = "yes" />
<link rel = "Значок ярлыка" href = "favicon.png" type = "image /x-iCon" />
<link rel = "stylesship" href = "dist/css/mobile-angular-ui-hover.css"/>
<link rel = "styleSheet" href = "dist/css/mobile-angular-ui-base.css"/>
<link rel = "stylesseept" href = "dist/css/mobile-angular-ui-desktop.css"/>
<link rel = "stylesheet" href = "demo /demo.css" />
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"> </script>
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-touch.min.js"> </script>
<script src = "dist/js/mobile-angular-ui.js"> </script>
<script src = "demo/demo.js"> </script>
</head>
<тело
ng-app = "mobileAngularuiexamples"
ng-controller = "maincontroller"
>
<!-боковые панели->
<div ng-include = "'demo/sidebar.html'"
UI-track-as-search-param = 'true'
>/div>
<div ng-include = "'demo/sidebarright.html'"
>/div>
<div>
<!-Navbars->
<div>
<div ui-hield-to = "title">
Мобильный угловой пользовательский интерфейс
</div>
<div>
<div ui-toggle = "Sidebarleft">
<i> </i> меню
</div>
</div>
<div ui-hield-to = "NAVBARAction">
<div ui-toggle = "sidebarright">
<i> </i> чат
</div>
</div>
</div>
<div>
<div>
<a href = "http://mobileangularui.com/"> <i> </i> docs </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui"> <i> </i> источники </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> проблемы </a>
</div>
</div>
<!-тело приложения->
<div ng-class = "{загрузка: загрузка}">
<div ng-she-she-shef = "загрузка">
<i> </i>
</div>
<div>
<ng-view> </ng-view>
</div>
</div>
</div> <!-~ .app->
<div ui-hield-to = "Модалы"> </div>
<Скрипт>
(function (i, s, o, g, r, a, m) {i ['googleanalyticsobject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). push (аргументы)}, i [r] .l = 1*new date (); a = s.createelement (o),
m = s.getelementsbytagname (o) [0]; a.async = 1; a.src = g; m.parentnode.insertbefore (a, m)
}) (Window, Document, 'Script', '// www.google-analytics.com/analytics.js', ’ga');
ga ('create', 'ua-48036416-1', 'mobileangularui.com');
ga ('send', 'pageview');
</script>
</body>
</html>
Проблема все еще существует в это время, и я обнаружил, что Home.html не успешно загружается
http://gdzx.com/mobile-angular-ui-master/home.html, каталог должен быть под демонстрацией. Я не могу найти, где home.html был представлен при проверке исходного кода. Я думаю, это было загружено угловатым. Я решу эту проблему, когда узнаю Angularui.
Сегодня (2014/12/20) наконец -то завершен. Поместите весь проект на веб -сайт Root Directory, а затем посетите Demo/index.html, чтобы нормально загружать все стили CSS и сценарии JS.