Alamat unduhan Angularui: https://github.com/clouda-team/blendui
Setelah mengunduh dan mendekompresi, demo ada di direktori root
Sekarang uji penggunaan demo di situs web resmi
Open Mobile-Angular-UI-Master/Demo/Index.html dengan browser dan menemukan bahwa tidak ada gaya pemuatan atau JS. Kemudian, setelah meninjau elemen, saya menemukan bahwa jalur pemuatan salah, jadi saya membuat modifikasi berikut
Baris 5: <base href = "/seluler-angular-ui-master/"/>
Hapus semua/jalur direktori root situs dan ubah ke jalur relatif
demo.js dan demo.css ada di direktori demo <skrip src = "demo/demo.js"> </script>, <tautan rel = "stylesheet" href = "demo/demo.css"/>
Baris 30,34: <div ng-include = "'Demo/sidebar.html'", <div ng-include = "'Demo/sidebarright.html'"
Index.html yang dimodifikasi
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8" />
<base href = "/Mobile-angular-ui-master/"/>
<title> Demo UI Angular Mobile </iteme>
<meta http-equiv = "x-ua-kompatibel" konten = "ie = edge, chrome = 1" />
<meta name = "Apple-Mobile-Web-Appable" Content = "Yes" />
<meta name = "viewport" content = "user-scalable = tidak, skala awal = 1.0, skala maksimum = 1.0, minimum-ui" />
<meta name = "Apple-Mobile-Web-App-Status-Bar-style" Content = "YA" />
<tautan rel = "ikon pintasan" href = "favicon.png" type = "gambar /x-icon" />
<tautan rel = "stylesheet" href = "dist/css/mobile-angular-ui-hover.css"/>
<tautan rel = "stylesheet" href = "dist/css/mobile-angular-ui-base.css"/>
<tautan rel = "stylesheet" href = "dist/css/mobile-angular-ui-desktop.css"/>
<tautan rel = "stylesheet" href = "demo /demo.css" />
<skrip src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
<skrip src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"> </script>
<skrip 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>
<skrip src = "demo/demo.js"> </script>
</head>
<Tubuh
NG-APP = "MobileandularuiExamples"
ng-controller = "MainController"
>
<!-Sidebars->
<Div ng-include = "'Demo/sidebar.html'"
ui-track-as-earch-param = 'true'
>/Div>
<Div ng-include = "'Demo/siderbarright.html'"
>/Div>
<div>
<!-Navbars->
<div>
<Div ui-hield-to = "title">
UI sudut seluler
</div>
<div>
<Div ui-koggle = "sidebarleft">
<i> </i> menu
</div>
</div>
<Div UI-Yield-to = "NavBaraction">
<Div ui-koggle = "siderbarright">
<i> </i> obrolan
</div>
</div>
</div>
<div>
<div>
<a href = "http://mobileangularui.com/"> <i> </i> dokumen </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui"> <i> </i> sumber </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> masalah </a>
</div>
</div>
<!-Aplikasi Body->
<div ng-class = "{memuat: memuat}">
<Div ng-show = "memuat">
<i> </i>
</div>
<div>
<ng-view> </ng-view>
</div>
</div>
</div> <!-~ .App->
<Div UI-Yield-to = "Modal"> </div>
<script>
(function (i, s, o, g, r, a, m) {i ['googleAnalyticsObject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). Push (argumen)}, i [r] .l = 1*Tanggal baru (); a = s.createelement (o),
m = s.geteLementsbyTagname (o) [0]; a.async = 1; a.src = g; m.parentnode.insertbefore (a, m)
}) (window, dokumen, 'skrip', '// www.google-analytics.com/analytics.js' ,'ga');
ga ('create', 'ua-48036416-1', 'mobileangularui.com');
ga ('kirim', 'pageView');
</script>
</body>
</html>
Masalahnya masih ada saat ini, dan saya menemukan bahwa home.html tidak berhasil memuat
http://gdzx.com/mobile-angular-ui-master/home.html, direktori harus berada di bawah demo. Saya tidak dapat menemukan di mana home.html diperkenalkan saat memeriksa kode sumber. Saya kira itu dimuat dengan sudut. Saya akan menyelesaikan masalah ini ketika saya belajar Angularui.
Hari ini (2014/12/20) akhirnya selesai. Masukkan seluruh proyek di direktori root situs web, lalu kunjungi demo/index.html untuk memuat semua gaya CSS dan skrip JS secara normal.