AngularUi Download Adresse: https://github.com/clouda-team/blendui
Nach dem Herunterladen und Dekomprimieren befindet sich die Demo im Stammverzeichnis
Testen Sie nun die Nutzung der Demo auf der offiziellen Website
Öffnen Sie Mobile-Angular-UI-Master/Demo/Index.html mit einem Browser und stellen Sie fest, dass es keinen Ladestil oder JS gibt. Nachdem ich die Elemente überprüft hatte, stellte ich fest, dass der Ladungsweg falsch war, also habe ich die folgende Änderung vorgenommen
Zeile 5: <Basis href = "/mobil-angular-ui-master/"/>
Entfernen Sie alle Pfade für die Root -Verzeichnis-/Standort -Root -Verzeichnis und wechseln auf relative Pfade
Demo.js und Demo.css befinden sich im Demo -Verzeichnis <script src = "Demo/Demo.js"> </script>, <link rel = "stylesheet" href = "Demo/Demo.css"/>
Zeile 30,34: <div ng-include = "'Demo/SideBar.html'", <div ng-include = "'Demo/SideBarright.html'"
Modifizierter Index.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8" />
<Basis href = "/mobil-angular-ui-master/"/>
<title> Mobile Angular UI Demo </title>
<meta http-äquiv = "x-ua-kompatible" content = "ie = edge, chrome = 1" />
<meta name = "Apple-Mobile-Web-App-fähige" content = "yes" />
<meta name = "viewPort" content = "Benutzer-skalierbar = no, initial scale = 1,0, maximal scale = 1,0, minimum-ui" />
<meta name = "Apple-Mobile-Web-app-status-bar-Stil" content = "yes" />
<link rel = "Shortcut-Symbol" href = "favicon.png" type = "image /x-icon" />
<link rel = "stylesheet" href = "dist/css/mobile-angular-ui-hover.css"/>
<link rel = "stylesheet" href = "dist/css/mobil-angular-ui-base.css"/>
<link rel = "stylesheet" href = "dist/css/mobil-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>
<Körper
ng-App = "MobileAlAnuiexamples"
ng-controller = "MainController"
>
<!-Seitenleisten->
<div ng-include = "'Demo/SideBar.html'"
ui-track-as-search-param = 'true' '
>/div>
<div ng-include = "'Demo/SideBarright.html'"
>/div>
<div>
<!-Navigationsleisten->
<div>
<div ui-yield-to = "title">
Mobile Winkel UI
</div>
<div>
<div ui-toggle = "Sidebarleft">
<i> </i> Menü
</div>
</div>
<div ui-yield-to = "navbaraction">
<div ui-toggle = "SideBarright">
<i> </i> Chat
</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> Quellen </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> Probleme </a>
</div>
</div>
<!-App Body->
<div ng-class = "{laden: laden}">
<div ng-show = "laden">
<i> </i>
</div>
<div>
<ng-view> </ng-view>
</div>
</div>
</div> <!-~ .app->
<div ui-yield-to = "modals"> </div>
<Script>
(Funktion (i, s, o, g, r, a, m) {i ['googleanalyticsObject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). Push (Argumente)}, i [r] .l = 1*neues Datum (); a = S. createlement (o),
M = S.GetElementsByTagName (o) [0]; A.aSync = 1; A.src = g; m.parentnode.insertbefore (a, m)
}) (Fenster, Dokument, Skript ',' // www.google-analytics.com/analytics.js''ga ');
ga ('create', 'ua-48036416-1', 'MobileAgularui.com');
ga ('send', 'pageview');
</script>
</body>
</html>
Das Problem existiert derzeit noch, und ich fand, dass Home.html nicht erfolgreich geladen wurde
http://gdzx.com/mobile-angular-ui-master/home.html, das Verzeichnis sollte unter Demo sein. Ich kann nicht finden, wo home.html eingeführt wurde, wenn ich den Quellcode überprüfen konnte. Ich denke, es war mit Angular beladen. Ich werde dieses Problem lösen, wenn ich Angularui lerne.
Heute (2014/12/20) ist endlich fertig. Fügen Sie das gesamte Projekt in das Root -Verzeichnis der Website ein und besuchen Sie dann Demo/Index.html, um alle CSS -Stile und JS -Skripte normal zu laden.