Heim > Web-Frontend > js-Tutorial > Eine kurze Analyse des demo_AngularJS des Webapp-Frameworks AngularUI

Eine kurze Analyse des demo_AngularJS des Webapp-Frameworks AngularUI

WBOY
Freigeben: 2016-05-16 16:25:21
Original
1107 Leute haben es durchsucht

AngularUI-Download-Adresse: https://github.com/Clouda-team/BlendUI

Nach dem Herunterladen und Entpacken befindet sich die Demo im Stammverzeichnis

Testen Sie jetzt die Nutzung der offiziellen Website-Demo

Öffnen Sie mobile-angular-ui-master/demo/index.html mit einem Browser und stellen Sie fest, dass keine Stile oder JS geladen sind. Nachdem ich das Element überprüft hatte, stellte ich fest, dass der Ladepfad falsch war, und nahm daher die folgenden Änderungen vor

Zeile 5:
Entfernen Sie alle /website-Stammverzeichnispfade und ändern Sie sie in relative Pfade
demo.js und demo.css befinden sich im Demo-Verzeichnis, Zeilen 30 und 34:

Geänderte index.html

Code kopieren Der Code lautet wie folgt:



 
   
   
    Mobile Angular UI Demo
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 
  ng-app="MobileAngularUiExamples"
ng-controller="MainController"
>
   
   
ui-track-as-search-param='true'
class="sidebar sidebar-left">

   
class="sidebar sidebar-right">

   

     
     
     
     
     

       

         
       

       

         
       

     

   

   

    <script><br>        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){<br>        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),<br>        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)<br>        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');<br>        ga('create', 'UA-48036416-1', 'mobileangularui.com');<br>        ga('send', 'pageview');<br>      </script>
 

此时问题还是存在,发现home.html没加载成功
http://gdzx.com/mobile-angular-ui-master/home.html,目录应该是在demo下的,查看源码找不到home.html在哪里引入,猜想是用angular加载进来的,待学习angularUI在回来解决此问题.

今天(20.12.2014)终于做好了,把整个项目放到网站根目录,然后访问demo/index.html就可以正常加载所有css样式和js脚本

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage