![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AngularJS
文章平均质量分 74
yingzizizizizizzz
克制自己的懒惰
展开
-
AngularJS系列——作用域、控制器、模块和服务
作用域和控制器是AngularJS的重要对象1. 作用域: * 一个js实例对象, ng-app指令默认会创建一个根作用域对象($rootScope) * 它的属性和方法与页面中的指令或表达式是关联的2. 控制器: * 用来控制AngularJS应用数据的实例对象 * ng-controller : 指定控制器构造函数, Angular会自动new此函数创建控制器对原创 2017-04-25 20:32:58 · 1013 阅读 · 0 评论 -
AngularJS select首项空白问题解决方案
原因ng-model绑定的是后台的默认项,与select中是不同的引用。意思也就是说,现在select中没有初始值,所以会有空白。解决方案肯定是给select的赋初始值。方法一:用ng-init来初始化select ng-model="sysType" ng-init="sysType=1" ng-options="x.id as x.type for x in sy原创 2017-05-22 20:22:04 · 6086 阅读 · 0 评论 -
解决AngularJS初始化闪现问题
问题使用ng-hide隐藏的弹框,在页面初始化、刷新的时候会闪现一次,然后才会hide。原因AngularJS需要在DOM加载完和javascript加载完后才会AngularJS的触发绑定和渲染工作。解决方法1.ng-bindng-bind是angular里面另一个内置的用于操作绑定页面数据的指令。我们可以使用ng-bind代替{{ }}的形式绑定元素到页原创 2017-06-01 22:36:51 · 1788 阅读 · 0 评论 -
angular.forEach没有跳出循环语句的解决方法
https://github.com/angular/angular.js/issues/263自己加判断var keepGoing = true; angular.forEach([0,1,2], function(count){ if(keepGoing) { if(count == 1){ keepGoing转载 2017-06-22 22:55:12 · 1936 阅读 · 0 评论 -
angularjs解析带换行\n的字符串
问题我需要将数据库中存储的字符串在html页面上显示,结果发现字符串中的\n在页面是没有作用,也就是没有换行。解决方法一:百度了,大家都说用ng-bind-html,这个对有的字符串可以解析,但是一般会报错。[$sce:unsafe] Attempting to use an unsafe value in a safe context.这是因为Angularjs为了系统安原创 2017-06-09 11:21:30 · 8835 阅读 · 0 评论 -
angular中的compile和link函数
前言这篇文章,我们将通过一个实例来了解 Angular 的 directives (指令)是如何处理的。Angular 是如何在 HTML 中找到这些 directive 的。以及如何编写自定义的指令。这是原文提供的代码:http://www.angularjshub.com/examples/customdirectives/compilelinkfunctions/#top更加友好转载 2017-06-06 22:39:13 · 546 阅读 · 0 评论 -
如何用AngularJS使用ECharts画图
想要完成的功能:画圆环图,pie圆环图颜色需要换,圆环图中间需要显示总数,官方文档在中间显示的文字是鼠标hover哪个显示哪个。图标显示在圆环图的下方遇到的困难:1.因为官方文档中eChart是基于原生js写的,所以一开始不知道怎么使用AngularJS调用eChart。后来百度了许多看了一些代码,发现用Angular的directive指令来调用比较方便。原创 2017-05-09 10:18:57 · 1282 阅读 · 0 评论 -
AngularJS系列——双向绑定和依赖注入
首先,要有数据绑定的概念。View:也就是我们的页面,页面标签(angular指令、表达式)Model:作用域对象($rootScope)数据绑定:数据从一个地方A转移(传递)到另一个地方B, 而且这个操作由框架来完成单向数据绑定:只支持一个方向的数据流向。View——>Model: ng-init 初始化的效果Model——>View :{{name}}表达的效果原创 2017-04-25 14:52:51 · 2186 阅读 · 0 评论 -
AngularJS系列——扩展模块-动画、表单验证、路由
1. angular-animate * Angular动画是通过操作**css transition动画**样式实现动画效果的 * 使用 * 引入angular-animate.js * 引入模块依赖: angular.module('myApp', ['ngAnimate']) * 定义显示状态和隐藏状态class ```原创 2017-05-02 20:32:24 · 413 阅读 · 0 评论 -
Angular系列——MVC模式和MVVC模式
AngularJS的MVC模式原创 2017-05-02 18:03:18 · 9213 阅读 · 0 评论 -
AngularJS系列——对象详解
1. angular对象 * 由angular.js提供的全局变量 * 方法: * module(name, []) : 创建模型对象 * bootstrap(document, [name]) : 编码启动angular, 代替ng-app * element(dom元素对象) : 将dom对象/html标签包装为jQuery对象 * f原创 2017-04-30 18:44:30 · 2520 阅读 · 0 评论 -
AngularJS系列——表达式、常用指令和过滤器
表达式、常用指令和过滤器都是AngularJS的语法表达式1. 使用Angular表达式: * 语法:{{expression}} * 作用: 显示表达式的结果数据 * 注意: 表达式中引用的变量必须是当前域对象有的属性(包括其原型属性)2. 操作的数据 * 基本类型数据:number/string/boolean * undefined, Inf原创 2017-04-30 18:31:54 · 638 阅读 · 2 评论 -
AngularJS系列——入门
什么是AngularJS?AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。简单地说,AngularJS把原来常在后台实现的模板渲染,路由的功能都移到了前端,扩展了html使支持动态视图,从根源上解决了html不适合动态视图的问题。直接在html里绑定数据和逻辑,思路大不相同。AngularJS 使得开发现代的单一页面应用程序(SPAs:S原创 2017-04-25 13:24:49 · 359 阅读 · 0 评论