A brief analysis of the demo_AngularJS of the webapp framework AngularUI

angularUI download address: https://github.com/Clouda-team/BlendUI

After downloading and unzipping, the demo is in the root directory

Now test the use of the official website demo

Open mobile-angular-ui-master/demo/index.html with a browser and find that no styles or js are loaded. Then, after reviewing the element, I found that the loading path was wrong, so I made the following modifications

Line 5:
Remove all /website root directory paths and change them to relative paths
demo.js and demo.css are in the demo directory, Lines 30 and 34:

Modified index.html

Copy code The code is as follows:

 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 
  ng-app="MobileAngularUiExamples"
ng-controller="MainController"
>
   
   

ui-track-as-search-param='true'
class="sidebar sidebar-left">

   

class="sidebar sidebar-right">

   

     
     

       

          Mobile Angular UI
       

       

         

            菜单
         

       

       

         

            Chat
         

       

     

     

       

          http://mobileangularui.com/" class="btn btn-navbar"> Docs
          https://github.com/mcasimir/mobile-angular-ui" class="btn btn-navbar"> Sources
          https://github.com/mcasimir/mobile-angular-ui/issues" class="btn btn-navbar"> Issues
       

     

     
     

       

         
       

       

         
       

     

   

   

    <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在回来解决此问题。

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

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：The difference between adding var and not adding var when defining variables in javascript_Basic knowledgeNext article：The difference between adding var and not adding var when defining variables in javascript_Basic knowledge

Related articles

See more

• An in-depth analysis of the Bootstrap list group component
• Detailed explanation of JavaScript function currying
• Complete example of JS password generation and strength detection (with demo source code download)
• Angularjs integrates WeChat UI (weui)
• How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills