> 웹 프론트엔드 > JS 튜토리얼 > 웹앱 프레임워크 AngularUI의 데모_AngularJS에 대한 간략한 분석

웹앱 프레임워크 AngularUI의 데모_AngularJS에 대한 간략한 분석

WBOY
풀어 주다: 2016-05-16 16:25:21
원래의
1108명이 탐색했습니다.

angularUI 다운로드 주소: https://github.com/Clouda-team/BlendUI

다운로드하고 압축을 풀면 데모가 루트 디렉터리에 있습니다.

이제 공식 웹사이트 데모를 사용해 테스트해 보세요

브라우저로 mobile-angular-ui-master/demo/index.html을 열고 스타일이나 j가 로드되지 않은 것을 확인하세요. 그러다가 요소를 검토한 결과 로딩경로가 잘못된 것을 발견하여 아래와 같이 수정하였습니다

5행:
모든 /website 루트 디렉터리 경로를 제거하고 상대 경로로 변경합니다.
데모.js 및 데모.css는 데모 디렉토리, 30행과 34행:

수정된 index.html

코드 복사 코드는 다음과 같습니다.



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

   
class="sidebar sidebar-right">

   

     
     
     
     
     

       

         
       

       

         
       

     

   

   

   
       (함수(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||함수(){
       (i[r].q=i[r].q||[]).push(인수)},i[r].l=1*new Date();a=s.createElement(o),
       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
       ga('create', 'UA-48036416-1', 'mobileangularui.com');
       ga('보내기', '페이지뷰');
    
 

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿