angular-ui-switch

代码:https://codepen.io/anon/pen/gxmWzB

github: https://github.com/xpepermint/angular-ui-switch

功能类似于bootstrap的switch功能,由于数据绑定的存在,不使用对象中的方法切换,改用watch监听model绑定的值(示例中的enabled),

  状态切换触发的函数在监听器中实现

var viewTypeWatcher = $scope.$watch(‘enabled‘,function(newValue,oldValue,scope){
         if(newValue === true&&typeof newValue != ‘undefined‘){
             $scope.getPersonList(2,0);
         }else if(newValue === false&&typeof newValue != ‘undefined‘){
             $scope.personReach(2,0)
         }
     })
时间: 2024-11-15 01:40:59

angular-ui-switch的相关文章

发布ABP v0.19包含Angular UI选项

发布ABP v0.19包含Angular UI选项 ABP v0.19已发布,包含解决的~90个问题和600+次提交. 新功能 Angular UI 终于,ABP有了一个SPA UI选项,使用最新的Angular框架.Angular的集成不是简单地创建了一个启动模板. 创建了一个基础架构来处理ABP的模块化,主题和其他一些功能.此基础结构已部署为NPM包. 为帐户,身份和租户管理等模块创建了Angular UI包. 创建了一个最小的启动模板,使用IdentityServer进行身份验证并使用AS

angular ui $modal 使用 option

$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal仅有一个方法open(options) templateUrl:模态窗口的地址 template:用于显示html标签 scope:一个作用域为模态的内容使用(事实上,$modal会创建一个当前作用域的子作用域)默认为$rootScope controller:为$modal指定的控制器,初始化$scope,该控制器可用$modalInstance注入 resolve:定义一个成员并将他传递给$modal指

flat ui switch 改变状态而不响应事件

Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap实现.这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等. 对于我们这些不会前端的小码农来说,是绝对的神器. 但也正是因为不了解前端,所以哪怕是丁点的问题,对我们来说都是痛不欲生. 这次让我痛不欲生的便是flat ui的switch组件. 该组件是用来替代 checkbox 的组件, 关于它的用法,可以参见这里. switch

Angular UI框架 Ng-alain @delon的脚手架的生成开发模板

前言 首先感谢下 cipchk基于 Ng-Zorror 框架上制作的ng-alain . 之前很早就关注了 ng-alain,今天得空折腾了下. 折腾的时候发现官方文档有些坑,没有写清楚,所以我作为一些补充吧~ 之前在微软MVP群里,董斌辉邀请了cipchk做了一次分享,厚着脸皮要了PPT,看了看ng-alin的定位.跟我的项目契合度 很高.那么我们就试试水呗. 正文 说事情,要PPT别找我. 如何使用 安装&配置 第一种方式: 直接 clone git 仓库 $ git clone --dep

angular+ui router+require

index.html !DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css"></h

[mobile angular ui]MAUI中的font awesome图标

MAUI中用font awesome替换了glyphicon,但是FA中都有哪些可用的图标呢,在网上搜了一张font awesome的对照表,使用时记着把其中的icon-xxx替换为fa-xxx就可以了. 此外,在MAUI中,还支持7个级别大小的图标显示,只添加".fa"是基本大小,另外的六种图标尺寸需要添加的类分别为:".fa-lg",".fa-2x",".fa-3x",".fa-4x",".f

Angular UI Route

实际的项目中,尽量使用ui-router代替ngRoute 前提条件: 下载angular-ui-router.min.js,导入到项目. 优势:因为ngRoute不支持嵌套的ng-view,而ui-router支持,能够构建比较复杂的页面布局. 基于state来进行导航 (state = url + controller + templateUrl) [和 ngRoute的区别是什么呢?] 注意事项: 1)html页面中,用ui-view替换ng-view 2)html页面中的 a 标签用 [

angular 的ui.router 定义不同的state 对应相同的url

Angular UI Router: Different states with same URL? The landing page of my app has two states: home-public, home-logged-in. Now I want to show both states on the same URL, but let the controller and template depend on the user session (is the user log

一些关于angular的总结

1. Angular介绍 1.1. 库和框架的区别 jQuery:库 库一般都是封装了一些常用的方法 自己手动去调用这些方法,来完成我们的功能 $('#txt').val('我是小明'); $('div').text('xx'); angular:框架 框架都是提供一种规范或者模式, 我们却要按照它提供的这种规则去写代码 框架会自动帮助我们去执行相应的代码. 其实可以简单的理解为:大而全的是框架,小而精的是库 1.2. AngularJs是什么 百度百科http://baike.baidu.co

码农视角 - Angular 框架起步

开发环境 1.npm 安装最新的Nodejs,便包含此工具.类似Nuget一样的东西,不过与Nuget不同的是,这玩意完全是命令行的.然后用npm来安装开发环境,也就是下边的angular cli. 2.Angular Cli 通过命令行创建项目,“编译”代码,启动调度环境等功能.angular本身使用typescript编写,需要通过ng命令,将相关的ts代码转换成js代码,以便在浏览器中运行. 安装angular cli npm install -g @angular/cli 3.IDE 复