-
理解Angular中的$apply()以及$digest()
所属栏目：[安全] 日期：2020-12-17 热度：137
$apply() 和 $digest() 在 AngularJS 中是两个核心概念，但是有时候它们又让人困惑。而为了了解 AngularJS 的工作方式，首先需要了解 $apply() 和 $digest() 是如何工作的。这篇文章旨在解释 $apply() 和 $digest() 是什么，以及在日常的编码中如何应用它们[详细]
-
angularJS学习小结——$apply方法和$watch方法
所属栏目：[安全] 日期：2020-12-17 热度：123
引言 最近在项目中封装控件的时候用到了$watch方法来监听module中的值的变化，当时小编对这个方法不是很了 解，所以在网上找了一些资料来学习一下，下面小编就给大家简单介绍一些angularJS中Scope 提供$apply 方法传播 Model 的变化 和$watch方法监听module[详细]
-
angular中的transclude详解
所属栏目：[安全] 日期：2020-12-17 热度：194
http://www.ngnice.com/posts/28116df4d6f938[详细]
-
AngularJS 自定义控件
所属栏目：[安全] 日期：2020-12-17 热度：77
自定义指令介绍 AngularJS 指令作用是在 AngulaJS 应用中操作 Html 渲染。比如说，内插指令 ( {{ }} ), ng-repeat 指令以及 ng-if 指令。 当然你也可以实现自己的。这就是 AngularJS 所谓的"教会 HTML 玩新姿势”。本文将告诉你如何做到。 指令类型 可以自定[详细]
-
Angularjs输出html
所属栏目：[安全] 日期：2020-12-17 热度：115
第一种方式 ng-bind-html html div id = "popup" ng-bind-html= "popup.content | to_trusted" / div angularjs app.filter( 'to_trusted' ,[ '$sce' , function ( $sce ) { return function (text) { return $sce .trustAsHtml(text); };}]) 只需要改变$sco[详细]
-
Angularjs之ngModel中的值验证绑定
所属栏目：[安全] 日期：2020-12-17 热度：93
众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。 例如， 方式一： 在html中， input type = "text" ng-model = "searchText" / button ng-click = "check(searchText)" Check! / button {{ searchText }} 在controller中 $scope .check = funct[详细]
-
AngularJs分页插件
所属栏目：[安全] 日期：2020-12-17 热度：186
angularUI bootstrap提供的分页插件满足了大部分应用的需求。 地址http://angular-ui.github.io/bootstrap/#/pagination 在项目需求中，新增了两个需求： 1.自由设定每页显示的条目； 2.可以手动输入页面，跳转到指定的页数。 html代码 div class="paginatio[详细]
-
用Typescript编写AngularJS应用是怎样一种感受
所属栏目：[安全] 日期：2020-12-17 热度：94
Typescript是一门拥有可选静态类型系统、基于类的编译型语言。这话如果你觉着怪，那尝试这么理解一下，她是 JavaScript 的超集，也就是说，理论上她支持 JavaScript 的所有特性，然后又提供了额外的优势。 举几个小栗子说明其优势： 范型支持 错误提示 这类[详细]
-
angularjs提交application/x-www-form-urlencoded的数据
所属栏目：[安全] 日期：2020-12-17 热度：75
默认情况下，angularjs通过post和put提交的参数是以json形式提交的， 某些情况下需要application/x-www-form-urlencoded形式的数据，就需要在执行http时重写transformRequest。 比如： $http({ method: 'POST',url: url,headers: {'Content-Type': 'applicat[详细]
-
modal模态框隐藏时，模态框短暂显示后，再隐藏
所属栏目：[安全] 日期：2020-12-17 热度：145
背景： 项目前端用的bootstrap和angular，而在bootstrap使用modal模态框来显示和隐藏弹出层。当点击某一按钮时，从后台获取一些图片，若没有图片时，弹出对话框，提示没有找到该图片；若有图片，就在弹出层中显示图片。 原因： a href="javascript:void(0)"[详细]
-
用angularjs遇到的坑
所属栏目：[安全] 日期：2020-12-17 热度：98
1. 双向绑定的指令，如果用ng-if去控制它的显示和隐藏。那么base 的controller中取不到值$scope.val 用ng-show控制，取值ok 2. ng-class控制的判断条件，如果是string变量和一个boolean变量做与和或的操作 可能会出现判断不生效，这个时候可以将string变量强[详细]
-
angularjs 做修改页面遇到的问题
所属栏目：[安全] 日期：2020-12-17 热度：60
在做列表修改的时候遇到了2个大问题 ①列表点击修改按钮显示修改页面 刚开始想用做的，但是定义的方法传参数的时候折腾了一段时间， 下面是里怎么写参数 ng-click="edit(row.id)" 上面的方面比较麻烦，后来我修改成链接了 a type="button" class="btn btn-su[详细]
-
AngularJS 中ng-class 使用
所属栏目：[安全] 日期：2020-12-17 热度：82
我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在contro[详细]
-
AngularJS指令开发（1）——参数详解
所属栏目：[安全] 日期：2020-12-17 热度：53
指令，很重要 AngularJS与JQuery最大的区别在哪里？我认为，表现在数据双向绑定，实质就是DOM的操作形式不一样。 JQuery通过选择器找到DOM元素，再 赋予 元素的行为； 而AngularJS则是，将指令与DOM绑定在一起，再 扩展 指令的行为。 所以AngularJS开发最理[详细]
-
angular使用echarts折线图
所属栏目：[安全] 日期：2020-12-17 热度：79
echarts是开源的画图工具，在angular框架中引入echarts不能直接使用。需要新建一个directive //echarts基本参数app.factory('$echartsConfig',function () { return { tooltip : { trigger: 'axis' },legend: { data:[] },xAxis : [ { type : 'category',bou[详细]
-
DCOS管理平台Angularjs构建记(一)
所属栏目：[安全] 日期：2020-12-17 热度：191
记：该文为转载，最近在使用NG开发DCOS管理平台 数据绑定与监控 在业务开发的过程中，我们可能会大量使用DOM操作，这个过程很繁琐，但是有了AngularJS，基本上就可以解脱了，做到这一点的关键是数据绑定。那什么是数据绑定，怎样绑定呢？本节将从多种角度，[详细]
-
《AngularJS》--指令的相互调用
所属栏目：[安全] 日期：2020-12-17 热度：178
人们喜欢AngularJS，因为他很有特色，其中他的指令和双向数据绑定很吸引着人们，那么，AngularJS的指令有什么作用哪？指令之间的是怎样相互调用的哪？ 下面有一个小小的Demo，写的是AngularJS指令之间的相互调用，大家看一下。这个Demo是这样的，页面上有三[详细]
-
AngularJS源码分析之{{双向数据绑定}}
所属栏目：[安全] 日期：2020-12-17 热度：135
文章参考 Make Your Own AngularJS,Part 1: Scopes And Digest How AngularJS implements dirty checking and how to replicate it ourselves 个人博客： www.morphzhou.cn 0x00 简单啰嗦点 所谓双向数据绑定，概念上为数据模型到视图的绑定，以及视图到数据[详细]
-
AngularJS轻松起飞20步其一
所属栏目：[安全] 日期：2020-12-17 热度：132
简单介绍：AngularJS参考后端MVC模式，对HTML元素进行增强，使前端更容易构建富应用。 开发环境 选择浏览器：chrome及插件市场上Batarang AngularJS 编辑工具：WebStorm以及sublime 安装Node.js 安转测试系统：Karma 和 Jasmine npm install -g karma 获取An[详细]
-
angularjs 解决之前的遗留的一个问题
所属栏目：[安全] 日期：2020-12-17 热度：181
在之前的文章 api的接口系统问题总结 里总结了一下angularjs的问题，第3个问题只是临时的解决方法，随着页面的增多，代码量也是增加了非常多，看起来非常的不好 也是看了别人的代码发现了一个细节，解决方法如下 var myApp = angular.module("myApp",["ui.ro[详细]
-
AngularJS 指令编译原理
所属栏目：[安全] 日期：2020-12-17 热度：81
http://www.html-js.com/article/Front-end-source-code-analysis-directive-angularjs130-source-code-analysis-of-the-original[详细]
-
AngularJS控制器controller如何通信？
所属栏目：[安全] 日期：2020-12-17 热度：180
关于控制器如何通信的问题，是不少刚接触angulr的同学想知道的。总的来说，angular控制器通信的方式有三种： 1，利用作用域继承的方式。即子控制器继承父控制器中的内容 2，基于事件的方式。即$on,$emit,$boardcast这三种方式 3，服务方式。写一个服务的单例[详细]
-
[AngularJS面面观] 2. scope中的Dirty Checking(脏数据检查) ---
所属栏目：[安全] 日期：2020-12-17 热度：102
Dirty Checking的实现方式 了解Angular的开发人员都知道，是一种叫做脏数据检查(Dirty Checking)的机制实现了双向绑定这一前端开发中的黑科技。那么在Angular中到底是如何实现它的呢？本文就一一来揭开它的神秘面纱。 一言以蔽之，在angular中是通过Digest C[详细]
-
[AngularJS面面观] 3. scope中的Dirty Checking(脏数据检查) ---
所属栏目：[安全] 日期：2020-12-17 热度：66
Digest Cycle中的优化 在上一篇文章中，介绍了Digest Cycle的实现方法 $ digest的大概逻辑。但是离真正的实现还有相当大的差距，具体的实现比较长，而且其中有很多细节在本篇文章还不会介绍，所以就不贴在这里了，有兴趣的可以去看源码。 现在 $digest 方法[详细]
-
Angular JS入门
所属栏目：[安全] 日期：2020-12-17 热度：73
1.Angular JS是一个独立的脚本库。 2.Angular应用解析： 1）模板（HTML+CSS） 2）应用程序逻辑和行为:JavaScript定义的控制器 3）模型数据Data：Angular作用域对象，可以是JavaScript对象、数组或者基本类型。 3.学习Angular要搭建的环境： 1）安装node 2)安[详细]
