随笔分类 - angular
摘要：angularjs 简易模态框 angularjs 中的模态框一般使用插件angular-ui-bootstrap书写。 这里记录一种简易的模态框写法： 1.警告消息框alert： 原理： 在html页面放入模态框样式代码，然后在控制器里面写下控制代码。 代码： HTML页面：（写在view页面的最
阅读全文
摘要：angularjs 设置全局变量的3种方法 angularjs自身有二种，设置全局变量的方法，在加上js的设置全局变量的方法，总共有三种。要实现的功能是，在ng-app中定义的全局变量，在不同的ng-controller里都可以使用。 1，通过var 直接定义global variable，这根纯j
阅读全文
摘要：Angular-cli新建项目目录结构详解 在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目，要想写项目，首先我们要先搞清楚项目的目录结构是怎样的，每个文件又有什么意义，文件中的代码又起到什么作用。 首先看一下整体的目录结构： 可以看到，命令行工具自动生
阅读全文
摘要：angular结合echarts创建图表 原理： 利用angularjs中的指令（directive）将echarts封装。 步骤： 1.封装函数： app.directive('line', function() { return { restrict: 'E', template: '<div
阅读全文
摘要：angularjs之级联菜单 原理： 1.ng-options中val.id as val.name for val in cascading 将id的值赋给 mg-modelone2.在通过ng-change传给函数3.当一级下拉菜单的值改变后，执行函数，去后台请求二级下拉菜单的数据，并加载 an
阅读全文
摘要：angularjs之ng-option ng-options一般有以下用法： 对于数组： label for value in array select as label for value in array label group by group for value in array label
阅读全文
摘要：angularjs之向下一个页面传参 原理： 1.在a标签跳转时，连接后增加一个参数值 2.在路由中接收 3.在控制器中接收 实现： 1.<a href="#/list/{{val.id}}"> 2.在js的config中写入： .when('/list/:id', { templateUrl: '
阅读全文
