عنوان تنزيل Angularui: https://github.com/clouda-team/blendui
بعد التنزيل وإزالة الضغط ، يكون العرض التوضيحي في دليل الجذر
اختبر الآن استخدام العرض التوضيحي على الموقع الرسمي
افتح Mobile-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'"
modified index.html
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8" />
<base href = "/mobile-angular-ui-master/"/>
<title> Mobile Angular UI Demo </title>
<meta http-equiv = "x-ua compatible" content = "ie = edge ، chrome = 1" />
<meta name = "Apple-Mobile-Web-App-Conference Content =" Yes " />
<meta name = "viewport" content = "user-scalable = no ، scale الأولي = 1.0 ، الحد الأقصى scale = 1.0 ، الحد الأدنى-ui" />
<meta name = "Apple-Mobile-Web-App-Status-Bar-style" content = "yes" />
<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-reoute.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>
<viv>
<!-navbars->
<viv>
<div ui-heield-to = "title">
واجهة المستخدم الزاوية المتنقلة
</div>
<viv>
<div ui-toggle = "sidebarleft">
<i> </i> قائمة
</div>
</div>
<div ui-heield to = "navbaraction">
<div ui-toggle = "sidebarright">
<i> </i> الدردشة
</div>
</div>
</div>
<viv>
<viv>
<a href = "http://mobilangularui.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 = "loading">
<i> </i>
</div>
<viv>
<ng-view> </gow-view>
</div>
</div>
</div> <!-~ .app->
<div ui-heield-to = "midals"> </viv>
<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*date () ؛ a = S.CreateElement (o) ،
M = S.GetElementsByTagName (O) [0] ؛ A.Async = 1 ؛ A.SRC = G ؛ M.ParentNode.InsertBefore (A ، M)
}) (نافذة ، وثيقة ، 'script' ، '// www.google-analytics.com/analytics.js'،ga') ؛
GA ('Create' ، 'UA-48036416-1' ، 'MobileAngularui.com') ؛
GA ('Send' ، 'PageView') ؛
</script>
</body>
</html>
لا تزال المشكلة موجودة في هذا الوقت ، ووجدت أن home.html لم يتم تحميله بنجاح
http://gdzx.com/mobile-angular-ui-master/home.html ، يجب أن يكون الدليل قيد التوضيح. لا يمكنني العثور على مكان Home.html عند التحقق من رمز المصدر. أعتقد أنه تم تحميله مع الزاوي. سأحل هذه المشكلة عندما أتعلم Angularui.
اليوم (2014/12/20) يتم في النهاية. ضع المشروع بأكمله في دليل جذر موقع الويب ، ثم قم بزيارة Demo/Index.html لتحميل جميع أنماط CSS ونصوص JS بشكل طبيعي.