• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

angular1_webpack2: angular1 + webpack2 + bootstrap3 + flex框架,非常实用,demo页 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

angular1_webpack2

开源软件地址:

https://gitee.com/hkgit/angular1_webpack2

开源软件介绍:

Angular oi.select

Angular UI-Router

Webpack知识

bootstrap icon

angular-ui-grid

angular-toastr

flex

ngAnimate

框架

angular1 + webpack2 + bootstrap3 + flex

Alt text

app.main.js     程序入口文件app.config.js   配置文件app.run.js      运行page.module.js  页面模块plug.module.js  插件page            功能模块,每一个模块至少由4个部分组成(route.js、controller.js、html、less),并且在page.module.js添加注入directive       自定义指定放到该文件夹下,并且在directive.module.js添加注入serve           自定义服务放到该文件夹下,并且在serve.module.js添加注入styleimg

开发时注意

  • 调用后台接口需引入'IHttp'

  • 开发时,不需要再引入 '$state' 和 '$stateParams',只需要引入$rootScope即可。

    使用时:$rootScope.$state 和 $rootScope.$stateParams
  • [name].route.js

module.exports = angular.module('login', [])    .config(route)    .name;route.$inject = ['$stateProvider'];function route($stateProvider) {    $stateProvider.state('login', {        url: '/',        template: require('./login.html'),        less: require('./login.less'),        controller: require('./login.controller.js')    })}
  • [name].controller.js

LoginCtrl.$inject = ['$rootScope', '$scope'];module.exports = LoginCtrl;function LoginCtrl($rootScope, $scope) {}
  • [name].html

<div flex layout="column" id="login">    // 使用flex 布局</div>
  • [name].less

#login {    // 在外面包一层,所有的样式写在这里面}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap