GithubHelp home page GithubHelp logo

angular-cn / ng-showcase Goto Github PK

View Code? Open in Web Editor NEW
676.0 676.0 243.0 2.9 MB

Angular指令及组件的全面范例

Home Page: ngnice.com/showcase/

JavaScript 82.86% CSS 4.35% Java 1.16% ApacheConf 1.41% HTML 10.22%

ng-showcase's People

Contributors

123 avatar asnowwolf avatar atian25 avatar ckken avatar playing avatar why520crazy avatar zxsoft avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ng-showcase's Issues

希望能增加 百度 echarts 整合

本人在ng实际开发中后台应用到了echarts, 因为未和ng整合, 在spa应用中使用 include-view的标签切换的时候会丢失dom, 表格会消失。 提个issue 挂这里

演示select

使用基本select配合ng的ng-options指令,演示select的用法。

关于在spa中angula-ui-router的路由问题

在SPA中使用angula-ui-router的路由问题:
1)业务描述:
打算把微信服务号的部分页面用SPA模式重构下;
2)目前问题:
A:因为只是要把部分页面重构为SPA,所以就涉及到这个SPA的root或者说base href(应该是锚点)怎么定?
B:其实重构的主要是把原来的a标签中的链接,换成ui-sref的形式;原来我的a标签是一个从后台传过来的具体的URL(http://rostname/wx/consultant/home/p/QzkwODVGWWlTRms9/oeOGnuEEc4g5bj2wMaSRJxjx9b_k/939b888800bf4797ba5583dd7aba2463bffcd4c8/0/),
那么现在我该怎么设置这个ui-sref?
怎么设置$stateProvider.state中的各个值;url,templateUrl等。

实现进度条

直接使用内置指令配合bootstrap实现进度条控件,能够带文字并且演示出动态配置进度条风格的方法。

上传文件控件如果携带form其他字段信息,uploadAll()不能改变formdata

file-upload控件作者提供解决方案
解决方案

vm.uploader = $fileUploader.create({
        scope: $scope,
        url: '../rest/news',
        //autoUpload: true,   // 自动开始上传
        autoUpload: false,   // 自动开始上传
        formData: [
        ],
        filters: [           // 过滤器,可以对每个文件进行处理
            function (item) {
                console.info('filter1', item);
                return true;
            }
        ]
    });

    vm.uploader.bind('beforeupload', function (event, item) {
        item.formData.push({title: vm.news.title});
        item.formData.push({content: vm.news.content});
        item.formData.push({intro: vm.news.intro});
    });

部署后,不存在的文件应该给出404

现在依靠规约寻找css,期望的逻辑是:如果文件不存在,则不显示css页。但是现在对于不存在的页,服务器会返回200,并且内容是首页内容。

请配置下,如果文件不存在则返回404错误。

angular.module的参数里面是否需要依赖项

我把showcase里面的代码单独拿出来放到我自己的页面里面,发现不能运行,需要给angular.module传入第二个参数如angular.module('ngShowcaseSelect',[]),而网站上写的是angular.module('ngShowcaseSelect'),不知道是我的angular的版本和网站的不一致,还是网站上的代码有误

实现树的级联检查框

类似于ztree插件的级联选择功能:

  1. 选择/反选父节点时,自动选择/反选它的所有子节点。
  2. 如果只有部分子节点被选中,则其各级父节点处于“中间”状态,外观上用0.5透明度的风格表示。

实现css展示

将HTML,js,css放在不同的页标签中同时展示。同样遵循规约来定义css文件。

实现分组框

演示可折叠的panel,并且通过点击图标来切换折叠状态。

图片路径BUG

/images/xx.jpg路径会指向根目录,导致在非根目录下部署时,图片加载失败,应该改为./images或者images/

实现多标签页

利用bootstrap的nav-tab,配合ng指令实现多标签页控件,并且实现与panel的联动。

关于项目安装

非常喜欢ng-showcase,作为入门型的angular元素集,安装却并不简单,特别是对于城墙厚重的**码农来说。
建议:在项目中直接包含所需要的所有组件,不用npm install 和 npm bower的方式。
另外,项目启动建议直接html打开,不用grunt server

我这版本不能跑

➜ ng-showcase git:(master) npm -version
1.3.2
➜ ng-showcase git:(master) nvm ls

     system

default -> 0.10.40 (-> v0.10.40)

最低运行环境是多少

win7 环境下按照步骤来,npm install, bower install ,grunt serve 走不通

$ grunt serve
Running "serve" task

Running "clean:server" (clean) task

Running "bowerInstall:app" (bowerInstall) task
Cannot find where you keep your Bower packages.

We tried looking for a .bowerrc file, but couldn't find a custom
directory property defined. We then tried bower_components, but
it looks like that doesn't exist either. As a last resort, we tried
the pre-1.0 components directory, but that also couldn't be found.

Unfortunately, we can't proceed without knowing where the Bower
packages you have installed are.

Fatal error: No Bower components found.

Execution Time (2016-12-13 08:11:43 UTC)
loading tasks 4ms ■■■■■■■■■■ 21%
serve 2ms ■■■■■ 11%
clean:server 4ms ■■■■■■■■■■ 21%
bowerInstall:app 8ms ■■■■■■■■■■■■■■■■■■■ 42%
Total 19ms

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.