Une brève analyse du demo_AngularJS du framework webapp AngularUI

Adresse de téléchargement d'angularUI : https://github.com/Clouda-team/BlendUI

Après téléchargement et décompression, la démo se trouve dans le répertoire racine

Testez maintenant l'utilisation de la démo du site officiel

Ouvrez mobile-angular-ui-master/demo/index.html avec un navigateur et constatez qu'aucun style ou js n'est chargé. Ensuite, après avoir examiné l'élément, j'ai constaté que le chemin de chargement était erroné, j'ai donc apporté les modifications suivantes

Ligne 5 :
Supprimez tous les chemins du répertoire racine /website et remplacez-les par des chemins relatifs
demo.js et demo.css se trouvent dans le répertoire de démonstration, Lignes 30 et 34 :

Index.html modifié

Copier le code Le code est le suivant :

 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 
  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"> Documents
          https://github.com/mcasimir/mobile-angular-ui" class="btn btn-navbar"> Sources
          https://github.com/mcasimir/mobile-angular-ui/issues" class="btn btn-navbar"> Problèmes
       

     

     
     

       

         
       

       

         
       

     

   

   

    <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>        })(fenêtre,document,'script','//www.google-analytics.com/analytics.js','ga');<br>        ga('create', 'UA-48036416-1', 'mobileangularui.com');<br>        ga('envoyer', 'page vue');<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 et js

Étiquettes associées：

angularjs

source：php.cn

Article précédent：La différence entre ajouter var et ne pas ajouter var lors de la définition de variables dans les connaissances javascript_Basic Article suivant：Méthodes natives de manipulation de chaînes javascript_Connaissances de base

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

• Qu'est-ce qu'une NullPointerException et comment y remédier ?
  2024-10-22 09:46:29
• De novice à codeur : votre voyage commence par les principes fondamentaux du C
  2024-10-13 13:53:41
• Débloquer le développement Web avec PHP : guide du débutant
  2024-10-12 12:15:51
• Démystifier C : un chemin clair et simple pour les nouveaux programmeurs
  2024-10-11 22:47:31
• Libérez votre potentiel de codage : programmation C pour les débutants absolus
  2024-10-11 19:36:51
• Libérez votre programmeur intérieur : C pour les débutants absolus
  2024-10-11 15:50:41
• Automatisez votre vie avec C : scripts et outils pour les débutants
  2024-10-11 15:07:41
• PHP Made Easy : vos premiers pas dans le développement Web
  2024-10-11 14:21:21
• Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité
  2024-10-11 12:59:11
• La clé du codage : libérer la puissance de Python pour les débutants
  2024-10-11 12:17:31

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

3

2498

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

11

2643

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

2235

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

2101

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

2204

Rubriques connexes

Plus>

• Utilisation de la liste déroulante
• Comment référencer CSS en HTML
• Comment utiliser NSTimeInterval
• Comparez les similitudes et les différences entre deux colonnes de données dans Excel
• Quelles sont les méthodes de création d'un site Web mobile ?
• Utilisation de la fonction d'écriture
• Le dernier classement des dix principales bourses du cercle des devises
• utilisation de l'épissure