A brief analysis of the demo_AngularJS of the webapp framework AngularUI-JS Tutorial-php.cn

A brief analysis of the demo_AngularJS of the webapp framework AngularUI

WBOY

Release： 2016-05-16 16:25:21

Original

1106 people have browsed it

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:

    Mobile Angular UI Demo















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

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

class="sidebar sidebar-right">

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

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

Related labels：

angularjs

source：php.cn

Previous article：The difference between adding var and not adding var when defining variables in javascript_Basic knowledge Next article：Native methods of javascript string manipulation_Basic knowledge

Statement of this Website

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