RUI个人博客 首页>>angular

angularjs实现下拉框多选

angularjs实现下拉框多选

前言碎语 博主最近又开始搞前端了,好心塞,有个需求需要用到下拉框多选,因为项目使用了angularjs,所有使用了一个开源的基于angular写的指令,在这里分享下,非angular可忽略 相关链接 github项目地址: https://github.com/dotansimha/angularjs-dropdown-multiselect 进入正题 这个指令依赖lodash.js ,所以如果项目使用了bower管理js的,需要同时引入 angularjs-dropdown-multiselect 和loadsh,如下,如果没使用bower...

阅读全文 »

关于angularjs下拉框数据回显的问题

前言碎语 使用 angul ar肯 定都知道ng的双向数据绑定特性,有像有点废话 ,但是,今天博主在处理省市下拉框联动数据回显的时候这种特性失效了,同样的下拉框,有的又有用, 作 为 非 专 业 前 端 博主一脸懵逼 ,不过, 最后 用 n g - s e l e c t e d还是完美解决了回显的问题,做个记录 代码如下: div class="col-xs-4 p0 pb10" div class="input-group input-group-sm ig9" span class="ig2 input-group-addon" style="wid...

阅读全文 »

Yeoman generator之JHipster入门教程

Yeoman generator之JHipster入门教程

jhipster是什么? JHipster是 yeoman 里的一个代码生成器,能够创建Spring Boot + AngularJS的应用,能够方便集成swagger,elasticsearch, logs tash 日志系统等等产品还能方便docker容器化的神奇的项目生成器 项目地址: https://jhipster.github.io/ 如何开始jhipster? 第一步,环境搭建 和 get yeoman 一样,yeoman脚手架环境建好后,只要添加jhipster的生成器就ok了,注意的是,需要添加java的一些环境,下面再次整理...

阅读全文 »

Yeoman 生成的 Angular 脚手架详解

Yeoman 生成的 Angular 脚手架提供了 27 个任务配置和 3 个自定义任务。这三个自定义任务分贝为: build 编译产品化的版本。 serve 编译,让后启动一个 web 服务器。 test 执行应用的单元测试。 default 构建一个优化过的,产品化的应用版本。...

阅读全文 »

angular $resource对象

angular $resource对象

安装 ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js script type="text/javascript" src="/javascripts/angular-resource.js" 应用$resource 我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。 var User = $resource('/api/users/:userId', {userId:'@id'}); 返回的User对象包含了同后端服务进行交互的方法,我们可以把User对象理解成...

阅读全文 »

angular常用内置指令

angular常用内置指令

指令,我将其理解为AngularJS操作HTML element的一种途径。 由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点,所以指令早已不陌生...

阅读全文 »

angular 常用事件

angular 常用事件

angular 常用事件...

阅读全文 »