秒味课堂Angular js笔记------$scope.$watch和$scope.$apply

$scope.$watch(watchFn , watchAction , deepWatch) 其中,watchFn是带有angular表达式或函数字符串: watchAction是一个函数或者表达式,当watchFn发生变化时调用,如果是函数,其签名是function(newValue, oldValue, scope): deepWatch如果是ture,则会检查被监控对象的每一个属性是否发生了变化. <script type="application/javascript"…

秒味课堂Angular js笔记------Angular js中的工具方法

Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunction angular.isNumber angular.isObject angular.isString angular.isElement angular.version angular.equals(a,b) //只要是相同的元素返回true,不同返回假 angular.forE…

秒味课堂Angular js笔记------指令

1.属性指令 angularjs样式相关指令: ng-class ng-style ng-href ng-src ng-attr-(suffix) ng-bind ng-cloak 没解析完之前标签是隐藏的,解析完后标签是显示的,控制css的指令 ng-bind-template 支持多表达式'{{text}},{{text}}' ng-bind-html 解析字符串中的标签,需要依赖angular-sanitize.min.js ng-non-bindable 不解析表达式,就原样输出…

秒味课堂Angular js笔记------过滤器

不同过滤器的小demo. currency number uppercase json limitTo date orderBy filter <script> var filterMy = angular.module("fliterMy",[]); filterMy. controller("filter", ["$scope",function($scope) $scope.name = "345343";…

Angular JS笔记

1.引导程序使用ng-app开始引导一个程序:标记了AngularJS应用的作用域 <!doctype html> <html lang="en" ng-app> 双括号绑定表达式: <p>Nothing here {{'yet' + '!'}}</p> 2.视图和模板其核心为MVC模式原理:在AngularJS中,一个视图是模型通过HTML模板渲染之后的映射 HTML模板: 包含ng-controller指令,和ng-repeat…

【妙味课堂】JS热身课后习题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> var str = '妙味课堂'; // alert( str.length ); //字符串…

angular.js 中同步视图和模型数据双向绑定,$watch $digest $apply 机制

Angular.js 中的特性,双向绑定. 让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听 scope 上数据的监听器方法说明: $scope.$watch('参数',function(newValue,oldValue){ //逻辑处理 }) 上面我们就是创建了一个监听器. ‘参数’ 就是$scope对象下的一个对象…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

妙味课堂——JavaScript基础课程笔记

集中时间把秒微课堂JS的基础课程看完,并且认真完成了课后练习.感觉在JS方面的技能算是入了个门了.课后练习的作业完成的代码我都汇总在了这里.至于视频课的学习笔记,则记录如下. 第01课JS入门基础_热身课程写JS的步骤先实现布局想出实现原理了解JS语法希望把某个元素移除的实现 display: none; 显示为无 visibility: hidden; 隐藏 width \ height 透明度 left \ top 拿与背景色相同的div盖住该元素利用margin值 …… 获取元…

Angular.js之内置过滤器学习笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>angularFilter</title> <script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script></head>…

Angular.js 学习笔记

AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序.  <div ng-app="" ng-init="firstName='John'"> <p> 名字 : <inp…

angular.js之作用域scope'@','=','&'

<!doctype html> <html ng-app='myApp'> <head> </head> <body> <script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script> <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js&…

Angular.js之服务与自定义服务学习笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>serviceAndDefinitService</title> </head> <body>  <div ng-app="myModule" ng-controller=&qu…

Angular.js之Router学习笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>angularRouter</title> </head><body>  <div ng-app="mymodule"> <!--通过ui-view属性指定路由模板的填充…

Angular.js之自定义指令学习笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AngularDirective</title> <script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script></head&…

Angular.js之指令学习笔记

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ng-showAndng-hide</title><script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script></head>…

[学习笔记] 七步从Angular.JS菜鸟到专家（3）：数据绑定和AJAX [转]

这是＂AngularJS - 七步从菜鸟到专家＂系列的第三篇. 在第一篇,我们展示了如何开始搭建一个AngularaJS应用.第二篇我们讨论了scope和 $scope 的功能. 通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出的最新故事,并在我们的浏览器里播放.完成版的Demo可以看这里. 第三部分数据绑定通过把一个文本输入框绑定到person.name属性上,就能把我们的应用变得更有趣一点.这一步建立…

妙味课堂——HTML+CSS(第一课)

一句话,还记忆不如烂笔头,何况还这么笨,记下笔记,也是记录这一路学习的过程. 妙味课堂第一课并未一味地先讲HTML,而是穿插着CSS讲解,这一点不同于一些其他视频,这一点挺特别的!所以这一课涉及到HTML的知识,也并未多讲,倒是CSS中的内容讲的比较多.记录如下: HTML(Hypertext Markup Language)——超文本标记语言(结构) css(Cascading Style Sheets)——层叠样式表(样式) js(javascript)―― 行为为了更快地初步了解这三种语…

妙味课堂史上最全的javascript视频教程，前端开发人员必备知识点，新手易学，拔高必备！！！

妙味课堂是北京妙味趣学信息技术有限公司旗下的IT前端培训品牌, 妙味课堂是一支独具特色的IT培训团队,妙味反对传统IT教育枯燥乏味的教学模式,妙味提供一种全新的快乐学习方法! 妙味js视教第一部分妙味js视教第二部分妙味js视教第三部分妙味js视教第四部分妙味js视教第五部分下载地址: 妙味js视教第一部分 :链接: http://pan.baidu.com/s/1kThCZfL 密码: atvd 妙味js视教第二部分 :链接: http://pa…

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈更详细的说明: 模型(Mod…

angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- testServe

angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- testServe angularjs error 粗线这个错误是因为往Service里面注入了不该注入的东西,service provider在DI的时候找不到合适的provider完成DI. 典型的就是往里面注入$scope, 换成$rootScope就没问题. angular.module('myapp', [])…

(翻译)Angular.js为什么如此火呢？

在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的SPA(single-page-application)应用框架,其为我们的web应用开发增加不少魔法变换. 我可以花整天的时间告诉你为什么你必须在新项目尝试angular.js,但是我觉得还是百说不如一练. 数据绑定和scopes(作用域) 首先…

angular.js写法不规范导致错误

以下写法:没有明确指定module和controller,写法不规范. 更改angular.js版本会出bug. <html ng-app> <head> <title>1.0.1-1.5版本间的差异</title> <script src="/js/angular-1.0.1.min.js"></script>  <!--<script src="/js…

Angular.js实现折叠按钮的经典指令.

var expanderModule=angular.module('expanderModule',[]) expanderModule.directive('expander',function(){ return{ restrict:'EA', replace:true, transclude:true, scope:{ title:'=expanderTitle' }, template:'<div>'+'<div class="title" ng-click…

Angular.js通过bootstrap实现经典的表单提交

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="http://apps.bdimg.com/libs/ang…

python , angular js 学习记录【1】

1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 1996; 96 M Month in year Month July; Jul; 07 w Week in year Number 27 W Week in month Number 2 D Day in year Number 189 d Day in month Number 10 F Day of…

Angular JS 学习之路由

1.AngularJS路由允许我们通过不同的URL访问不同的内容:通过AngularJS可以实现多视图的单页WEB访问(SPA) 2.通常我们的URL形式为http://runoob.com/first/page,但在单页Web应用中AngularJS通过#+标记实现,例如: http://runoob.com/#/first http://runoob.com/#/second http://runoob.com/#/third 3.当我们点击以上的任意的一个链接时,向服务端请的地址都是一样的…

Angular JS 学习之Bootstrap

1.要使用Bootstrap框架,必须在<head>中加入链接: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 2.国内站点建议使用: <link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.…

Angular.js 的初步认识

MVC模式模型(model)-视图(view)-控制器(controller) Angular.js采用了MVC设计模式的开源js框架 1.如何在angular.js建立自己的模块(model),控制器(controller),操作模型数据. <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/angular.…

【秒味课堂Angular js笔记------$scope.$watch和$scope.$apply】的更多相关文章