Angularui ดาวน์โหลดที่อยู่: https://github.com/clouda-team/blendui
หลังจากดาวน์โหลดและคลายการสาธิตการสาธิตอยู่ในไดเรกทอรีราก
ตอนนี้ทดสอบการใช้การสาธิตบนเว็บไซต์ทางการ
เปิดมือถือ-Angular-UI-Master/Demo/Index.html พร้อมเบราว์เซอร์และพบว่าไม่มีสไตล์การโหลดหรือ JS จากนั้นหลังจากตรวจสอบองค์ประกอบฉันพบว่าเส้นทางการโหลดนั้นผิดดังนั้นฉันจึงทำการปรับเปลี่ยนต่อไปนี้
บรรทัดที่ 5: <base href = "/mobile-angular-ui-master/"/>
ลบเส้นทางไดเรกทอรีรากทั้งหมด/ไซต์และเปลี่ยนเป็นเส้นทางสัมพัทธ์
demo.js และ demo.css อยู่ในไดเรกทอรีตัวอย่าง <script src = "demo/demo.js"> </script>, <link rel = "stylesheet" href = "demo/demo.css"/>
บรรทัด 30,34: <div ng-include = "'demo/sidebar.html'", <div ng-include = "'demo/sidebarright.html'"
แก้ไข index.html
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8" />
<base href = "/mobile-angular-ui-master/"/>
<title> การสาธิต UI Mobular Angular </title>
<meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge, chrome = 1" />
<meta name = "apple-mobile-web-app-appable" เนื้อหา = "ใช่" />
<meta name = "viewport" content = "ผู้ใช้-scalable = no, ระดับเริ่มต้น = 1.0, ระดับสูงสุด = 1.0, minimum-ui" />
<meta name = "apple-mobile-web-app-status-bar-bar-bar"
<link rel = "ไอคอนทางลัด" 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>
<ร่างกาย
ng-app = "MobileAngularuiexamples"
ng-controller = "MainController"
-
<!-แถบด้านข้าง->
<div ng-include = "'demo/sidebar.html'"
ui-track-as-search-param = 'true'
>/div>
<div ng-include = "'demo/sidebarright.html'"
>/div>
<div>
<!-navbars->
<div>
<div ui-yield-to = "title">
UI เชิงมุมมือถือ
</div>
<div>
<div ui-toggle = "sidebarleft">
<i> </i> เมนู
</div>
</div>
<div ui-yield-to = "navbaraction">
<div ui-toggle = "sidebarright">
<i> </i> แชท
</div>
</div>
</div>
<div>
<div>
<a href = "http://mobileAngularui.com/"> <i> </i> เอกสาร </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui"> <i> </i> แหล่งที่มา </a>
<a href = "https://github.com/mcasimir/mobile-angular-ui/issues"> <i> </i> ปัญหา </a>
</div>
</div>
<!-แอพร่างกาย->
<div ng-class = "{loading: loading}">
<div ng-show = "กำลังโหลด">
<i> </i>
</div>
<div>
<ng-view> </ng-View>
</div>
</div>
</div> <!-~ .App->
<div ui-yield-to = "modals"> </div>
<script>
(ฟังก์ชั่น (i, s, o, g, r, a, m) {i ['googleanalyticsObject'] = r; i [r] = i [r] || function () {
(i [r] .q = i [r] .q || []). push (อาร์กิวเมนต์)}, i [r] .l = 1*วันที่ใหม่ (); a = s.createElement (o),
m = s.getElementByTagname (o) [0]; a.async = 1; a.src = g; m.parentnode.insertbefore (a, m)
}) (หน้าต่าง, เอกสาร, 'สคริปต์', '// www.google-analytics.com/analytics.js' ,'ga');
GA ('Create', 'UA-48036416-1', 'mobileAngularui.com');
ga ('ส่ง', 'pageview');
</script>
</body>
</html>
ปัญหายังคงมีอยู่ในเวลานี้และฉันพบว่า home.html ไม่ได้โหลดสำเร็จ
http://gdzx.com/mobile-angular-ui-master/home.html ไดเรกทอรีควรอยู่ภายใต้การสาธิต ฉันไม่พบว่ามีการแนะนำ home.html ที่ไหนเมื่อตรวจสอบซอร์สโค้ด ฉันเดาว่ามันเต็มไปด้วย Angular ฉันจะแก้ปัญหานี้เมื่อฉันเรียนรู้ Angularui
วันนี้ (2014/12/20) เสร็จสิ้นในที่สุด ใส่โครงการทั้งหมดในเว็บไซต์รูทของเว็บไซต์แล้วเยี่ยมชม Demo/Index.html เพื่อโหลดสไตล์ CSS ทั้งหมดและสคริปต์ JS ตามปกติ