Dirección de descarga de Angularui: https://github.com/clouda-team/blendui
Después de descargar y descomprimir, la demostración está en el directorio raíz
Ahora pruebe el uso de demostración en el sitio web oficial
Abra móvil-angular-ui-master/demo/index.html con un navegador y descubra que no hay estilo de carga o JS. Luego, después de revisar los elementos, descubrí que la ruta de carga era incorrecta, así que hice la siguiente modificación
Línea 5: <base href = "/mobile-angular-ui-master/"/>
Eliminar todas las rutas del directorio de la raíz del sitio y cambiar a rutas relativas
demo.js y demo.css están en el directorio de demostración <script src = "demo/demo.js"> </script>, <link rel = "stylesheet" href = "demo/demo.css"/>
Línea 30,34: <div ng-include = "'demo/sidebar.html'", <div ng-include = "'demo/searbarright.html'"
Modificado index.html
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8" />
<base href = "/mobile-angular-ui-master/"/>
<title> Mobile Angular UI Demo </title>
<meta http-equiv = "x-ua-compatible" content = "ie = bord, chrome = 1" />
<meta name = "Apple-Mobile-Web-App-Capable" Content = "YES" />
<Meta name = "Viewport" Content = "User-Scalable = no, inicial a escala = 1.0, máxima escala = 1.0, mínimo-ui" />
<meta name = "Apple-Mobile-Web-App-status-Bar-Style" content = "Yes" />
<Link rel = "Actual icon" 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>
</ablo>
<cuerpo
ng-app = "mobileAngularUiexamples"
ng-controller = "principalController"
>
<!-barras laterales->
<div ng-incluye = "'demo/sidebar.html'"
ui-track-as-search-param = 'verdadero'
>/div>
<Div ng-include = "'demo/searbarright.html'"
>/div>
<div>
<!-barras de navegación->
<div>
<div ui-yield-to = "title">
Ui angular móvil
</div>
<div>
<div ui-toggle = "SideBarleft">
<i> </i> menú
</div>
</div>
<div ui-yield-to = "navbaraction">
<div ui-toggle = "Surbarright">
<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> fuentes </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> problemas </a>
</div>
</div>
<!-App Body->
<div ng-class = "{carging: loading}">
<div ng-show = "cargar">
<i> </i>
</div>
<div>
<ng-view> </ng-view>
</div>
</div>
</div> <!-~ .App->
<div ui-yield-to = "modals"> </div>
<script>
(función (i, s, o, g, r, a, m) {i ['googleanalyticsObject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). Push (argumentos)}, i [r] .l = 1*nueva fecha (); a = s.createElement (o),
m = s.getElementsBytagName (O) [0]; a.async = 1; a.src = g; m.parentnode.insertbefore (a, m)
}) (ventana, documento, 'script', '// www.google-analytics.com/analytics.js','ga');
ga ('crear', 'UA-48036416-1', 'mobileAngularUi.com');
ga ('enviar', 'PageView');
</script>
</body>
</html>
El problema todavía existe en este momento, y descubrí que Home.html no se cargó con éxito
http://gdzx.com/mobile-angular-ui-master/home.html, el directorio debe estar bajo demostración. No puedo encontrar dónde se introdujo en casa.html al verificar el código fuente. Supongo que estaba cargado con Angular. Resolveré este problema cuando aprendo Angularui.
Hoy (2014/12/20) finalmente se realiza. Ponga todo el proyecto en el directorio raíz del sitio web y luego visite Demo/index.html para cargar todos los scripts CSS y JS normalmente.