-
$on和$broadcast in angular
所属栏目:[安全] 日期:2020-12-17 热度:104
我有一个footerController和codeScannerController具有不同的意见。 angular.module('myApp').controller('footerController',["$scope",function($scope) {}]);angular.module('myApp').controller('codeScannerController',function($scope) {console.log([详细]
-
can not find module @angular/animations/browser
所属栏目:[安全] 日期:2020-12-17 热度:150
angularjs4升级了,原来的animations现在被单独出来一个包。 package.json中添加 "dependencies" :{ "@angular/animations" : "^4.0.1" , } npm install 在相应的模块或者app.module.ts中添加 import { BrowserAnimationsModule } from '@angular/platform-b[详细]
-
Angular 2 Pipe vs Angular 1 Filter
所属栏目:[安全] 日期:2020-12-17 热度:55
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 Creating a custom filter ([详细]
-
Angular 2 NgModule vs Angular 1 module
所属栏目:[安全] 日期:2020-12-17 热度:61
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 From angular.module to ngM[详细]
-
Angular 2 ngFor vs Angular 1 ng-repeat
所属栏目:[安全] 日期:2020-12-17 热度:111
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 From ng-repeat in Angular[详细]
-
AngularJS学习:directive的scope
所属栏目:[安全] 日期:2020-12-17 热度:129
参考: https://docs.angularjs.org/api/ng/service/$compile#-scope- 。 scope The scopeproperty can be false , true ,or an object: false (default): No scope will be created for the directive. The directive will use its parent's scope. false[详细]
-
angular的DEMO(用来练习和顺便看看)
所属栏目:[安全] 日期:2020-12-17 热度:139
inflector(辅助) 将用户输入的字符串转化成 驼峰 或者 空格 或者 底线 的小插件; 这个是一个小的过滤器,平常也是用不到的,合格是过滤器的代码: 运行下面代码 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" alt="复制代码" style[详细]
-
angular的编辑器tinymce
所属栏目:[安全] 日期:2020-12-17 热度:190
效果图 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" alt="" style="border:none;margin:20px auto;" src="http://images.cnitblog.com/blog/497865/201412/241130040628900.png"> 通过nodejs的 npm 的bower安装依赖安装,命令[详细]
-
angular的GitHub Repository Directive Example学习
所属栏目:[安全] 日期:2020-12-17 热度:164
angular的GitHub Repository Directive Example学习 运行下面代码 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" alt="复制代码" style="margin:0px;float:left;border:none;" src="http://common.cnblogs.com/images/copycode.[详细]
-
angular的splitter案例学习
所属栏目:[安全] 日期:2020-12-17 热度:71
angular的splitter案例学习,都有注释了,作为自己的备忘。 运行下面代码 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" alt="复制代码" style="margin:0px;float:left;border:none;" src="http://common.cnblogs.com/images/copy[详细]
-
angular的canvas画图例子
所属栏目:[安全] 日期:2020-12-17 热度:129
angular的例子: 运行下面代码 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" alt="复制代码" style="margin:0px;float:left;border:none;" src="http://common.cnblogs.com/images/copycode.gif"> !DOCTYPEhtmlhtmlng-app="APP[详细]
-
angularJS中-$route路由-$http(ajax)的使用
所属栏目:[安全] 日期:2020-12-17 热度:170
后台请求使用的是nodeJS驱动(后面帖代码),很简单的RESTFUL,页面使用的是bottstarp3.0(懒人神器); 第一个例子: 在本地架设NODEJS,angular的所有请求都是请求本地的3000端口,这个例子展示的是angular用GET请求服务器的list.json,1.json,2.json等文件; POST请求[详细]
-
TypeScript入门-类
所属栏目:[安全] 日期:2020-12-17 热度:137
学习Angular 2 , 《揭秘Angular 2》读书笔记。Angular2 选择 TypeScript 作为其官方最主要的构建语音,这意味着掌握 TypeScript 语音将更有利于高效地开发 Angular 应用。 类 传统的 JavaScript 程序是使用函数和基于原型(Prototype)继承来创建可重用的“[详细]
-
To be read
所属栏目:[安全] 日期:2020-12-17 热度:103
http://www.dotnetfunda.com/articles/show/3481/webpack-in-angular2 https://www.reddit.com/r/Angular2/comments/631h58/whats_really_new_in_angular_4_developers_point_of/ https://netbasal.com/take-advantage-of-the-let-operator-in-angular-d351f[详细]
-
AngularJS文件夹结构
所属栏目:[安全] 日期:2020-12-17 热度:51
如何为大型和可扩展的AngularJS应用程序布局文件夹结构? 按类型排序 在左边,我们有按类型组织的应用程序。对于较小的应用程序不是太糟糕,但即使在这里你也可以开始看到它更难找到你要找的。当我想找到一个特定的视图及其控制器时,它们在不同的文件夹中。[详细]
-
如何观察AngularJS中的路由更改?
所属栏目:[安全] 日期:2020-12-17 热度:58
如何监视/触发路线上的事件? 注意:这是AngularJS的旧版本的正确答案。有关更新版本,请参阅this question。 $scope.$on('$routeChangeStart',function(next,current) { ... you could trigger something here ... }); 以下事件也可用(它们的回调函数采用不[详细]
-
angularjs – 角度绑定中的数学函数
所属栏目:[安全] 日期:2020-12-17 热度:138
有没有办法在角度绑定中使用数学函数? 例如 pThe percentage is {{Math.round(100*count/total)}}%/p 这个小提琴显示的问题 http://jsfiddle.net/ricick/jtA99/1/ 你必须将数学注入你的范围,如果你需要使用它 $ scope对数学一无所知。 最简单的方法,你可[详细]
-
angularjs – 双和单个大括号在角JS之间的差异?
所属栏目:[安全] 日期:2020-12-17 热度:197
我是新的这个角世界,我有点困惑与使用双花括号{{}} 和单个花括号{}或有时没有大括号用于包括表达式,如在指令 ng-class = {expression} 正常数据绑定,如{{obj.key}} ng-hide =’mydata ===“red”’ {{}} – 双大括号: {{}}是Angular表达式,并且当你想要[详细]
-
初识angular体验(三)
所属栏目:[安全] 日期:2020-12-17 热度:73
哈喽,大家好,不知不觉又过了一个星期,感觉一周一周过得好快啊,上周的分享我们说到了angular的一个主要的特性――双向数据绑定,这周呢,我会把其他特性以代码的形式给大家介绍!! 特性二:模板 在AngularJS中,一个模板就是一个HTML文件。但是HTML的内[详细]
-
Angular 2 + 折腾记 :(8) 动手写一个不怎么靠谱的上传组件
所属栏目:[安全] 日期:2020-12-17 热度:59
前言 上传功能在任何一个网站中的地位都是举足轻重的,这篇文章主要扯下如何实现一个上传组件 效果图 所具有的功能 支持的图片格式(不传参则使用默认参数) 支持的图片大小 图片上传之前会被压缩(前端) – 异步加载进来 上传过程会显示loading(loading组件)–[详细]
-
行如风 Angular 初识3
所属栏目:[安全] 日期:2020-12-17 热度:52
最近一直在学习 AngularJs 的内容,受益颇多,今天就继续为大家分享我的学习成果,上一篇博文主要说了一下关于 MVC 的事情,这个是学习 Angular 的基础,所以我觉得如果是小白的话非常有必要搞清楚三者之间的关系,废话不多说。 Angualar 的主要特征呢,前面[详细]
-
Angular 2 Components Communicate
所属栏目:[安全] 日期:2020-12-17 热度:80
本文介绍的内容是组件通信的常用方式:@Input、@Output、@ViewChild、模板变量、MessageService、Broadcaster (Angular 1.x $rootScope 中 $on、$broadcast ) 和 Pub - Sub 模式、RxJS Subject 存在的问题。 输入属性 (父组件 - 子组件) counter.component.t[详细]
-
AngularJS在dev机器上禁用部分缓存
所属栏目:[安全] 日期:2020-12-17 热度:135
我有问题在AngularJS缓存分支。 在我的HTML页面我有: body div ng-view/divbody 我的部分加载。 当我更改HTML代码在我的部分,浏览器仍然加载旧的数据。 是否有任何解决方法? 对于开发,您还可以停用浏览器缓存 – 在Chrome开发工具右下角单击齿轮,并勾选[详细]
-
AngularJS 实现当元素为ng-disabled改变背景颜色
所属栏目:[安全] 日期:2020-12-17 热度:88
如题,AngularJS可以给元素设置disabled属性,当为true时,为不可点击,但实际运行时,不能点击,并没有明显的区别,会产生误解,所以需要元素为不可点击时候,就要设置区分的背景颜色,主要是使用ng-class属性,可以根据是否是disabled来决定加载哪个class[详细]
-
angular单选全选
所属栏目:[安全] 日期:2020-12-17 热度:111
div ng-controller="myController" label for="flag"全选 input id="flag" type="checkbox" ng-model="select_all" ng-change="selectAll()" /label ul li ng-repeat="i in list" input type="checkbox" ng-model="i.checked" ng-change="selectOne()" span{[详细]