Endereço para download do Angularui: https://github.com/clouda-team/blendui
Após o download e descompressão, a demonstração está no diretório raiz
Agora teste o uso da demonstração no site oficial
Open Mobile-angular-ui-mestre/demonstração/index.html com um navegador e descobri que não há estilo de carregamento ou js. Então, depois de revisar os elementos, descobri que o caminho de carregamento estava errado, então fiz a seguinte modificação
Linha 5: <base href = "/móvel-angular-ui-mestre/"/>
Remova todos os caminhos do diretório raiz de todos/site e mude para caminhos relativos
Demo.js e Demo.css estão no diretório de demonstração <script src = "Demo/Demo.js"> </script>, <link rel = "Stylesheet" href = "Demo/Demo.css"/>
Linha 30,34: <div ng-include = "'Demo/Sidebar.html'", <div ng-include = "'' Demo/SideBarright.html '"
Index.html modificado
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8" />
<base href = "/móvel-angular-ui-mestre/"/>
<title> Mobile Angular UI Demo </title>
<meta http-equiv = "x-ua compatível com" content = "ie = borda, chrome = 1" />
<meta name = "Apple-Mobile-Web-Appable" content = "Sim" />
<meta name = "viewport" content = "user-scalable = não, escala inicial = 1,0, escala máxima = 1,0, mínimo-ui" />
<meta name = "Apple-Mobile-Web-App-Status-Bar-Bar" Content = "Sim" />
<link rel = "Shortcut icon" href = "favicon.png" type = "image /x-icon" />
<link rel = "Stylesheet" href = "dist/css/móvel-angular-ui-hover.css"/>
<link rel = "Stylesheet" href = "dist/css/móvel-angular-ui-Base.css"/>
<link rel = "Stylesheet" href = "dist/css/móvel-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-rute.min.js"> </script>
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-touch.min.js"> </script>
<script src = "dist/js/móvel-angular-ui.js"> </sCript>
<script src = "Demo/Demo.js"> </sCript>
</head>
<corpo
ng-app = "mobileanGularuiexamples"
ng-controller = "mainController"
>
<!-barras laterais->
<div ng-include = "'Demo/Sidebar.html'"
interface da interface do usuário como pesquisa-param = 'true'
>/div>
<div ng-include = "'Demo/SideBarright.html'"
>/div>
<div>
<!-Navbars->
<div>
<div ui-thield-to = "title">
UI angular móvel
</div>
<div>
<div ui-toggle = "latebarleft">
Menu <i> </i>
</div>
</div>
<div ui-thield-to = "NavBaraction">
<div ui-toggle = "lateBarright">
<i> </i> Chat
</div>
</div>
</div>
<div>
<div>
<a href = "http://mobileanguularui.com/"> <i> </i> docs </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui"> <i> </i> Fontes </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> problemas </a>
</div>
</div>
<!-corpo de aplicativo->
<div ng-class = "{carregando: carregando}">
<div ng-show = "carregando">
<i> </i>
</div>
<div>
<ng-view> </ng-view>
</div>
</div>
</div> <!-~ .app->
<div ui-yield-to = "modals"> </div>
<Cript>
(função (i, s, o, g, r, a, m) {i ['googleanyticsObject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .Q || []). push (argumentos)}, 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)
}) (janela, documento, 'script', '// www.google-analytics.com/analytics.js'.'ga');
GA ('Create', 'UA-48036416-1', 'mobileanGularui.com');
GA ('Send', 'PageView');
</script>
</body>
</html>
O problema ainda existe no momento, e eu achei que home.html não carregou com sucesso
http://gdzx.com/mobile-angular-ui-master/home.html, o diretório deve estar em demonstração. Não consigo encontrar onde home.html foi introduzido ao verificar o código -fonte. Eu acho que foi carregado com angular. Vou resolver esse problema quando aprender angularui.
Hoje (2014/12/20) está finalmente concluído. Coloque o projeto inteiro no diretório raiz do site e visite Demo/Index.html para carregar todos os estilos CSS e scripts JS normalmente.