Angulgulaui Télécharger l'adresse: https://github.com/clouda-team/blenduii
Après avoir téléchargé et décompressé, la démo est dans le répertoire racine
Testez maintenant l'utilisation de la démo sur le site officiel
Ouvrez mobile-angulaire-UI-Master / Demo / index.html avec un navigateur et constatez qu'il n'y a pas de style de chargement ou JS. Ensuite, après avoir examiné les éléments, j'ai constaté que le chemin de chargement était faux, j'ai donc apporté la modification suivante
Ligne 5: <base href = "/ mobile-angular-ui-master /" />
Supprimer tous les chemins de répertoire racine du site et passer aux chemins relatifs
Demo.js et Demo.css sont dans le répertoire de démon
Ligne 30,34: <div ng-include = "'Demo / Sidebar.html'", <div ng-include = "'Demo / Sidebarright.html'"
Index modifié.html
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8" />
<base href = "/ mobile-angular-ui-master /" />
<Title> Démo mobile angulaire angulaire </TITAL>
<meta http-equiv = "x-ua compatible" content = "ie = edge, chrome = 1" />
<meta name = "Apple-Mobile-web-App-Capable Content =" YES "/>
<meta name = "Viewport" contenu = "utilisateur-échec = non, initial-échelle = 1,0, maximum-échelle = 1,0, minimum-ui" />
<meta name = "Apple-mobile-web-app-statu-bar-style" content = "Oui" />
<link rel = "icône de raccourci" href = "favicon.png" type = "image / x-icon" />
<link rel = "Stylesheet" href = "Dist / css / mobile-angular-ui-hover.css" />
<link rel = "Stylesheet" href = "Dist / css / mobile-angular-ui-base.css" />
<link rel = "Stylesheet" 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>
<corps
ng-app = "mobileAgularUiexamples"
ng-contrôleur = "MainController"
>
<! - Barres latérales ->
<div ng-include = "'Demo / Sidebar.html'"
ui-track-as-search-param = 'true'
> / div>
<div ng-include = "'Demo / SideBarrright.html'"
> / div>
<div>
<! - Navbars ->
<div>
<div ui-yield-to = "title">
UI angulaire mobile
</div>
<div>
<div ui-toggle = "Sidebarleft">
<i> </i> menu
</div>
</div>
<div ui-yield-to = "navbaraction">
<div ui-toggle = "SideBarRright">
<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> Sources </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> Problèmes </a>
</div>
</div>
<! - Body de l'application ->
<div ng-class = "{chargement: chargement}">
<div ng-show = "chargement">
<i> </i>
</div>
<div>
<ng-view> </ ng-view>
</div>
</div>
</div> <! - ~ .App ->
<div ui-yield-to = "modals"> </ div>
<cript>
(fonction (i, s, o, g, r, a, m) {i ['googleanalyticsobject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). push (arguments)}, 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)
}) (fenêtre, document, 'script', '// www.google-analytics.com/analytics.js','ga');
GA ('Create', 'UA-48036416-1', 'MobileAgularUi.com');
GA ('Send', 'PageView');
</cript>
</docy>
</html>
Le problème existe toujours pour le moment, et j'ai trouvé que Home.html ne se chargeait pas avec succès
http://gdzx.com/mobile-angular-ui-master/home.html, le répertoire doit être sous démo. Je ne trouve pas où Home.html a été introduit lors de la vérification du code source. Je suppose qu'il était chargé d'angulaires. Je vais résoudre ce problème quand j'apprendrai AngularUi.
Aujourd'hui (2014/12/20) est enfin terminé. Mettez l'intégralité du projet dans le répertoire des racines du site Web, puis visitez Demo / index.html pour charger normalement tous les styles CSS et JS.