-
Angular $scope和$rootScope事件机制之$emit、$broadcast和$on
所属栏目:[安全] 日期:2020-12-17 热度:71
欢迎大家到我的博客查看本文对应内容,关注和交流对于Angular和Ionic学习的理解。 Angular按照 发布/订阅模式 设计了其事件系统,使用时需要“发布”事件,并在适当的位置“订阅”或“退订”事件,就像邮箱里面大量的订阅邮件一样,当我们不需要时就可以将其[详细]
-
AngularJS 常见面试问题
所属栏目:[安全] 日期:2020-12-17 热度:83
问题来源:如何衡量一个人的 AngularJS 水平? ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是, ng-if 在后面表达式为 true 的时候才创建这个 dom 节点, ng-show 是初始时就创建了,用 display:block 和 display:none 来控制显示和不显示。 第二点区[详细]
-
angular2学习笔记之ng2标签
所属栏目:[安全] 日期:2020-12-17 热度:188
angular2的内值指令和angular2很类似,所有熟悉angular1的朋友看一眼就会了。angular2-demo !-- more -- 一、 效果图 一、指令解读 0. 组件 主要就是定义了一些数据用于测试 import {Component} from '@angular/core';@Component({ selector: 'ng-tag',style[详细]
-
angular2学习笔记之基本组件和ngFor
所属栏目:[安全] 日期:2020-12-17 热度:176
angular2的思想非常先进,摒弃了angular1那种复杂的构建模式,采用了组件化开方的方,那我们一起来看一看,一个基础的组件是什么样子的呢。angular2-demo 一、简介 1. 目录结构 .ts 组件代码 .scss 样式 .png 效果图 .html 模板文件 2. 效果图 二、代码实例[详细]
-
angular2学习笔记之事件和多组件
所属栏目:[安全] 日期:2020-12-17 热度:81
组件免不了和用户交互,而交互中使用最频繁的莫过于点击事件的交互。angular2-demo 一、 点击事件 代码解读 1. ClickEvent.ts import {Component} from '@angular/core';import {BasicComponent} from './../basic/Basic';@Component({ selector:'click-even[详细]
-
angular2学习笔记之服务和http
所属栏目:[安全] 日期:2020-12-17 热度:73
现在应用开发多为spa的前后分离,前后端通讯则使用http的接口通过json进行交互。angular2-demo 一、 效果图 1. 展现出来的效果 2. mysql的数据 二、代码实例 1. 服务 service import {Injectable} from '@angular/core';import { Http }from '@angular/http';[详细]
-
angular学习是有好处
所属栏目:[安全] 日期:2020-12-17 热度:69
Angular是框架的一种,不学也能开发前端。学backbone或者ember也能开发前端。没有js的mvc,就光弄个jquery,也能开发前端。 那 到底要不要学?个人觉得就是要看发展趋势。angular是否简化的前端开发,是否符合未来前端的开发趋势。以现在的js的发展程度来看[详细]
-
高效快速地加载 AngularJS 视图|TW洞见
所属栏目:[安全] 日期:2020-12-17 热度:184
-
angularjs的进度条
所属栏目:[安全] 日期:2020-12-17 热度:54
项目里需要一个进度条,所以就在网上查找资料学习,看到了网友“雪狼”的代码分享,写的很高明,很精练,很厉害,原文链接:http://www.ngnice.com/showcase/#/show/progress,结合自己的项目需要,自己改编了个简单的进度条,可以加在项目里面,进度条的开始[详细]
-
一招制敌 - 玩转 AngularJS 指令的 Scope (作用域)
所属栏目:[安全] 日期:2020-12-17 热度:123
https://segmentfault.com/a/1190000002773689 学习了AngularJS好长时间,最近再次回首看看指令这部分的时候,觉得比自己刚开始学习的时候理解的更加深入了,尤其是指令的作用域这部分。 当初看的是《AngularJS权威指南》这本书,但是感觉这本书关于这方面讲[详细]
-
Angular 面试从喜剧到悲剧的十个问题
所属栏目:[安全] 日期:2020-12-17 热度:57
-
AngularJS 表单验证
所属栏目:[安全] 日期:2020-12-17 热度:78
在使用 AngularJS 进行开发的时候,表单填写是一个很常见的需求,而表单验证又是比较让人头疼的部分,本文对此做一个总结。 在 Angular 的视图中使用的 form 已经不是 HTML 中的普通 form 了,而是一个被 Angular 封装过的指令。它可以完成普通 form 无法实[详细]
-
angularjs select number type default value required validate
所属栏目:[安全] 日期:2020-12-17 热度:84
!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" //headbody div ng-app="app" ng-controller="controller" form name="form" novalidate div class="fo[详细]
-
Angular directive 实例详解
所属栏目:[安全] 日期:2020-12-17 热度:134
准备代码,会在实例中用到 var app = angular.module('app',[]); angular指令定义大致如下 app.directive('directiveName',function() { return { // config }}) 其中return返回的配置对象包含很多参数,如下一一说明。 1. restrict 值为字符串,可选参数,[详细]
-
angular双向数据绑定实例代码
所属栏目:[安全] 日期:2020-12-17 热度:164
第一步》》》导入bootstrap的css样式 link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" !-- 可选的Bootstrap主题文件(一般不用引入) -- link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootst[详细]
-
ie localStorage 兼容问题
所属栏目:[安全] 日期:2020-12-17 热度:87
参考方案来自 https://connect.microsoft.com/IE/feedback/details/812563/ie-11-local-storage-synchronization-issues 原文如下: IE 11 - Local Storage - Synchronization issues - by WalkMe 状态 : ID 812563 建议 12 Status Closed 解决方法 4 类型 B[详细]
-
angularJS制作的购物车功能
所属栏目:[安全] 日期:2020-12-17 热度:128
!DOCTYPEhtmlhtmllang="en"ng-app="myapp"headmetacharset="UTF-8"titleDocument/titlestylebody,html{width:100%;height:100%;margin:0;padding:0;white-space:nowrap;font-family:Arial,"HiraginoSansGB","微软雅黑","宋体";}ul,li,h4,p{margin:0;padding:[详细]
-
Angular框架中当前页面跳转
所属栏目:[安全] 日期:2020-12-17 热度:75
我们在使用 $routeProvider后,想在当前页面中跳转连接,往往得不到正确的跳转。 例如: test.html a href = "#faq-1" Question 1 / a a href = "#faq-2" Question 2 / a a href = "#faq-3" Question 3 / a h3 id = "faq-1" Question 1 / h3 h3 id = "faq-2"[详细]
-
AngularJS浏览缩放图片
所属栏目:[安全] 日期:2020-12-17 热度:55
近期开发APP采用AngularJS+ionic,要使用到浏览图片,在网上查阅文档比较推荐的一种方式是ng-flow-master,github地址为:https://github.com/jsypsy/ng-flow-master 有些不足之处是图片大小无法进行缩放,是原图大小进行显示,又在github找到一个采用ng-flow[详细]
-
[AngularJS面面观] 8. scope继承 - 属性覆盖,隔离scope以及指定
所属栏目:[安全] 日期:2020-12-17 热度:128
上一节中我们探讨了遍历scope树形继承结构的过程。本节继续讨论一下在继承结构下产生的属性覆盖问题,以及scope的一些特殊情况:隔离scope以及为scope显式指定其父亲scope。 属性覆盖(Attribute Shadowing) 属性覆盖这个问题或许会对Angular新手造成一定的困[详细]
-
翻译:深入理解Angular 1.5 中的生命周期钩子
所属栏目:[安全] 日期:2020-12-17 热度:95
文章翻译自:https://toddmotto.com/angular-1-5-lifecycle-hooks 讨论可以访问issue:https://github.com/Jocs/jocs.github.io/issues/3 生命周期钩子是一些简单的函数,这些函数会在Angular应用组件特定生命周期被调用。生命周期钩子在Angular 1.5版本被引[详细]
-
Rename Filenames Wirth Full Angular-Chinese
所属栏目:[安全] 日期:2020-12-17 热度:79
#!/bin/shfor i in 01 02 03 04dopushd "$i"ls *.txt | while read fdoecho "${f:5}"cp "$f" "r/${f:5}"donepopddone[详细]
-
[AngularJS面面观] 9. scope事件机制 - 基本概念以及生命周期
所属栏目:[安全] 日期:2020-12-17 热度:199
在前面的8篇文章中,已经介绍了scope的几个方面,比如digest循环,继承机制等。 本篇文章以及后续的两篇文章打算把这块拼图完成,讨论一下scope的另外一项重要功能:事件机制。 主要分为以下6个方面进行讨论: 1. 发布-订阅模式(Publish-Subscribe Pattern)[详细]
-
Angularjs link和compile使用区别
所属栏目:[安全] 日期:2020-12-17 热度:91
compile 想在dom渲染前对它进行变形,并且不需要scope参数 想在所有相同directive里共享某些方法,这时应该定义在compile里,性能会比较好 返回值就是link的function,这时就是共同使用的时候 link 对特定的元素注册事件 需要用到scope参数来实现dom元素的一[详细]
-
谈谈angularjs中$watch,$apply,$digest
所属栏目:[安全] 日期:2020-12-17 热度:147
http://my.oschina.net/Nealyang/blog/552069 摘要 angularJs中$watch,$apply和$digest的使用和原理 大家都是到angularJS中非常屌的一个性能,数据双向绑定,这就意味着view中的数据发生任何变化的时候,这个变化也会相应的反映到scope上,也就是说scope的模[详细]