angular-ui-switch

最新推荐文章于 2025-08-15 09:50:45 发布

weixin_30319153

最新推荐文章于 2025-08-15 09:50:45 发布

阅读量167

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/insight0912/p/7306336.html

本文介绍了一个基于Angular的UI组件——Switch的实现方法。通过监听model绑定的值变化，实现状态切换并触发相应函数。提供了代码示例及Angular UI Bootstrap的demo链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：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)
         }
     })