随笔分类 - angularjs
work study
摘要：ng-class中的if else判断 来自于stackoverflow的一个问题，自己刚好用到，搬过来做个标记。原问题链接 在使用ng-class时，有些时候会碰到根据是否满足条件来设置元素的样式，使用以下方法可以达到这样的目的。 （1）使用运算符 [html] view plain copy p
阅读全文
摘要：angular有自己的生命周期。循环给一个 angular监听的变量复值时。最好还是用angular自带的循环方法。“angular.foreach” 格式: 复制代码 代码如下: var objs =[{a:1},{a:2}]; angular.forEach(objs, function(data,index,array){ //data等价于array[index] console....
阅读全文
摘要：$('#Text').find('br').remove();//移除br标签 let content = $('#smsText').html().replace(/ /g, ' ').replace(/&/g, '&') .replace(/]*>/g,'')//过滤html的标签 .replace(/</g, '')
阅读全文
摘要：window.location.Reload()和window.location.href 区别 http://www.cnblogs.com/tearer/archive/2013/03/16/2963438.html 首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。语
阅读全文
摘要：angularJs 页面定时刷新 页面定时刷新并在页面离开时停止自动刷新 .state('test', { url: '/test', cache:'false', templateUrl: 'templates/test.html', controller: 'testCtrl' }) $stat
阅读全文
摘要：Angular+Electron+VSCode的桌面应用 转自：http://blog.csdn.net/yr7942793/article/details/50986696 第一部分 Electron开发入门笔记 GitHub 的 Electron 框架（以前叫做 Atom Shell）允许你使用
阅读全文
摘要：译】使用 AngularJS 和 Electron 构建桌面应用 原文： Creating Desktop Applications With AngularJS and GitHub Electron GitHub 的 Electron 框架（以前叫做 Atom Shell）允许你使用 HTML,
阅读全文
摘要：翻译：深入 AngularUI Router 原文地址：http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: https://angular-ui.github.io/ui-router/site/#/api/ui.
阅读全文
摘要：Karma：1. 集成 Karma 和 Jasmine 进行单元测试 来源：http://www.cnblogs.com/haogj/p/5204126.html 关于 Karma 会是一个系列，讨论在各种环境下，使用 Karma 进行单元测试。 本文讨论 karma 集成 Jasmine 进行单元
阅读全文
摘要：在 Angular 中实现搜索关键字高亮 在 Angular 中，我们不应该试图直接修改 DOM 的内容，当需要更新 DOM 内容的时候，应该修改的其实是我们的数据模型，也就是 $scope 中的数据，Angular 会帮助我们将修改之后的数据展示在页面中。 但是，在有些情况下，比如我们有一个搜索框
阅读全文
摘要：[转]AngularJS ui-router (嵌套路由) 本文转自：http://www.oschina.net/translate/angularjs-ui-router-nested-routes http://www.codeproject.com/Articles/842880/Angul
阅读全文
摘要：来源：http://www.cnblogs.com/Niccky/p/4164761.html /** * @license AngularJS v1.3.0-beta.15 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: M
阅读全文
摘要：滚屏加载 另外一种可行的性能解决方案就是滚屏加载，又称”Endless Scrolling,“ “unpagination”，这是用于大量数据集显示的时候，又不想表格分页，所以一般放在页面最底部，当滚动屏幕到达页面底部的时候，就会尝试加载一个序列的数据集，追加在页面底部。在Angular社区有开源组件ngInfiniteScroll http://binarymuse.github.io/ng...
阅读全文
摘要：从构建负责管理主屏幕的 MainController 开始。在这个 MainController 控制器内，只需设置一个每秒运转一次，同时更新一个局部作用域变量的延时 MainController 内的 updateTime() 函数每秒都会运行，以便更新 $scope.date.raw 时间戳，同
阅读全文
摘要：在层次数据结构展示中，树是一种极其常见的展现方式。比如系统中目录结构、企业组织结构、电子商务产品分类都是常见的树形结构数据。 这里我们采用Angular的方式来实现这类常见的tree view结构。 首先我们定义数据结构，采用以children属性来挂接子节点方式来展现树层次结构，示例如下： [ {
阅读全文
摘要：2、jQuery 3、添加点击样式 //点击右键消息添加删除样式 $scope.historyNewsRightClick = function (event) { var Div = angular.element(document.getElementsByClassName('p11'));
阅读全文
摘要：一、问题 默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。 二、解决办法 1、引入angular-sanitize.js文件，并在module定义时注入服务ngSanitize。（为了能使用ng-bind-html属性） var myApp = angular.modul...
阅读全文
摘要：一、问题 默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。 二、解决办法 1、引入angular-sanitize.js文件，并在module定义时注入服务ngSanitize。（
阅读全文
摘要：语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 brea...
阅读全文
摘要：ngReadonly 该指令将input，textarea等文本输入设置为只读。 HTML规范不允许浏览器保存类似readonly的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性，那么当浏览器删除该属性时，绑定信息就会丢失。这个指令不被浏览器删除，并且提供了一个永久性的可靠的
阅读全文
