-
angular2学习使用心得
所属栏目:[安全] 日期:2020-12-17 热度:121
脚手架:https://github.com/AngularClass/angular-starter npm下载插件失败的解决方法 : 1)用yarn安装下载失败的插件,先npm -i yarn安装yarn 2)使用cnpm,参考https://cnpmjs.org/,命令几乎全部和npm一致,只是以cnpm代替了npm 3) yarn config set regis[详细]
-
AngularJS ng-min ng-max
所属栏目:[安全] 日期:2020-12-17 热度:164
/***name:public.Echart*date:2017-5-24*/functionisEmpty(value){returnangular.isUndefined(value)||value===''||value===null||value!==value;}define(['publicMax'],function(){angular.module('public.Max',[]).directive('ngMax',function($http,$wind[详细]
-
Angular 中自定义 Debounce Click 指令
所属栏目:[安全] 日期:2020-12-17 热度:155
在这篇文章中,我们将介绍使用 Angular Directive API 来创建自定义 debounce click 指令。该指令将处理在指定时间内多次点击事件,这有助于防止重复的操作。 对于我们的示例,我们希望在产生点击事件时,实现去抖动处理。接下来我们将介绍 Directive API,H[详细]
-
Ionic2+angular4地区选择组件
所属栏目:[安全] 日期:2020-12-17 热度:93
最近在项目重构的过程中,发现之前用mobiscroll写的地区选择指令在angular2中很难重用(毕竟是用typeScript)。于是就萌生了自己写一个组件的想法。 想和之前一样基于mobiscroll去写,但是发现非常耗费精力,于是某日万般无奈这下搜了一下相关的组件,不出所[详细]
-
人人都能快速无痛更新到Angular最新版本
所属栏目:[安全] 日期:2020-12-17 热度:61
如何快速更新当前项目到最新的Angular稳定版本 这里要介绍一个命令行工具:npm-check-updates 它可以更新package.json和bowser.json文件到最新的包版本 安装:npm install -g npm-check-updates 使用: 假设当前项目路径为:~/GF_Work/webapp/mobile 切换至项[详细]
-
angularJS 限制字符串输出长度
所属栏目:[安全] 日期:2020-12-17 热度:91
{{字符串|limitTo:36}}[详细]
-
基于空闲用户的Angularjs自动注销
所属栏目:[安全] 日期:2020-12-17 热度:116
是否可以确定用户是否处于非活动状态,并在使用angularjs说不活动10分钟后自动注销它们? 我试图避免使用jQuery,但我找不到任何教程或文章如何做到这一点在angularjs。任何帮助将不胜感激。 我写了一个名为Ng-Idle的模块,在这种情况下可能对你有用。 Here[详细]
-
AngularJs不能访问控制器中的表单对象($scope)
所属栏目:[安全] 日期:2020-12-17 热度:105
我使用bootstrap-ui更具体的模态窗口。我有一个形式在模态,我想要的是实例化表单验证对象。所以基本上我这样做: form name="form" div class="form-group" label for="answer_rows"Answer rows:/label textarea name="answer_rows" ng-model="question.ans[详细]
-
AngularJS:如何启用$locationProvider.html5Mode与深层链接
所属栏目:[安全] 日期:2020-12-17 热度:170
当通过$ locationProvider.html5Mode(true)在AngularJS中启用html5Mode时,导航似乎是倾斜的,当你登陆页面更深的网站。 例如: http://www.site.com 当我导航到根,我可以单击网站中的所有链接,Angular的$ routeProvider将接管导航通过网站和加载正确的视[详细]
-
在AngularJS中格式化电话号码和信用卡号码
所属栏目:[安全] 日期:2020-12-17 热度:187
问题一(格式电话号码): 我不得不在AngularJS格式化电话号码,但没有过滤器。有没有办法使用过滤器或货币格式10位数字(555)555-5255?并仍然将该字段的数据类型保留为整数? 问题二(屏蔽信用卡号码): 我有一个映射到AngularJS的信用卡字段,如: input type[详细]
-
angularjs – 使用ng-src vs src
所属栏目:[安全] 日期:2020-12-17 热度:139
这个 tutorial演示了使用指令ngSrc而不是src: ul class="phones" li ng-repeat="phone in phones" class="thumbnail" img ng-src="{{phone.imageUrl}}" /li/ul 他们要求: Replace the ng-src directive with a plain old src attribute. Using tools such[详细]
-
删除AngularJS货币过滤器的十进制/分
所属栏目:[安全] 日期:2020-12-17 热度:188
有没有办法从货币过滤器的输出中删除十进制/美分?我正在做这样的事情: div{{Price | currency}}/div 其中输出: $1,000.00 相反,我想: $1,000 可以使用货币过滤器吗?我知道我可以在一个数字前面加一个美元符号,我可以写我自己的过滤器,但我希望一个简[详细]
-
angularjs – Angular bootstrap datepicker日期格式不格式ng-mo
所属栏目:[安全] 日期:2020-12-17 热度:179
我在我的角度应用程序中使用引导日期选择器。但是,当我选择一个日期从那个日期选择器底层ng-model我绑定更新我想要ng-model在一个日期格式’MM / dd / yyyy’。但它每次都使这样的日期 "2009-02-03T18:30:00.000Z" 代替 02/04/2009 我为同一个plunkr link创[详细]
-
Angular-seed 入门
所属栏目:[安全] 日期:2020-12-17 热度:158
1. 简介 Angular-seed 是一个Angular项目的框架,可以将它作为Angular项目的工程初始化目录配置。用Angular-seed可以快速的搭建一个基于Angular的WebApp工程。 Angular-seed考虑了合理的文件组织,测试框架。 但Angular-seed只是最基本的Angular项目,在设计[详细]
-
【AngularJS学习】ngDialog中文API
所属栏目:[安全] 日期:2020-12-17 热度:66
.open(options) 打开对话窗口,在每次调用时创建新的对话框实例。接受对象作为唯一的参数。 参数选项Options: template {String} 对话框模板可以通过所给路径加载外部html模板或type=”text/ng-template”的script标签。 script type = "text/ng-template" i[详细]
-
Angular 学习笔记:$digest 实现原理
所属栏目:[安全] 日期:2020-12-17 热度:151
$watch 和 $digest $watch 和 $digest 是数据绑定中的核心概念:我们可以使用 $watch 在 scope 中绑定 watcher 用于监听 scope 中发生的变化,而 $digest 方法的执行即是遍历 scope 上绑定的所有 watcher,并执行相应的 watch(指定想要监控的对象) 和[详细]
-
change事件上传文件,如果选择相同文件,触发处理
所属栏目:[安全] 日期:2020-12-17 热度:154
1、上传文件html input type="file" name="fileUpload" [(ngModel)]="fileUpload" (change)="sendImg($event,inputFile)" id="image" #inputFile/ 2、change事件 sendImg(event) {...// 上传成功以后,有两种方法设置文件为空,从而选择与上次相同文件,也可[详细]
-
angular2 – SystemJS和Webpack有什么区别?
所属栏目:[安全] 日期:2020-12-17 热度:150
我创建了我的第一个Angular 2应用程序,我会弄清楚模块加载程序的作用是什么。 为什么我们需要它们?我试图在谷歌搜索和搜索,我不明白为什么我们需要安装其中之一来运行我们的应用程序。 不能够只是使用导入从节点模块加载东西? 我跟着this tutorial(使用S[详细]
-
如何在AngularJs中设置全局http超时
所属栏目:[安全] 日期:2020-12-17 热度:79
我知道我可以设置超时每一次: $http.get('path/to/service',{timeout: 5000}); …但我想设置一个全局超时,以保持我的代码干。 UPDATED:$ http不会尊重默认设置为超时设置它在httpProvider(见注释)。可能的解决方法: https://gist.github.com/adnan-i/501[详细]
-
Anchor链接在Angularjs?
所属栏目:[安全] 日期:2020-12-17 热度:137
是否可以使用锚点链接Angularjs? 也就是说: a href="#top"Top/a a href="#middle"Middle/a a href="#bottom"Bottom/a div name="top"/div ... div name="middle"/div ... div name="bottom"/div 谢谢 有几种方法来做到这一点似乎。 选项1:本机角 Angular[详细]
-
angular – Reactive Forms正确地将Form Value转换为Model Objec
所属栏目:[安全] 日期:2020-12-17 热度:89
在创建模型驱动模板Reactive表单时,我从Form Value创建模型对象时.然后模型对象失去其TYPE. 对于一个简单的例子: 模特班书: export class Book { public name: string; public isbn: string;} 零件: @Component({ selector: 'app-book',templateUrl: './b[详细]
-
angularjs – Angular 2 Rc.1路由器未加载“/”组件
所属栏目:[安全] 日期:2020-12-17 热度:185
我试图使用rc.0版本中的新路由器. (实际使用rc.1)但是我无法获得加载“欢迎”组件的插座. 这是app.component.ts import { Component } from '@angular/core';import { Routes,ROUTER_DIRECTIVES} from '@angular/router';import { HeaderComponent } from '.[详细]
-
单元测试 – Angular 2 RC6:’pattern-list’不是已知元素
所属栏目:[安全] 日期:2020-12-17 热度:147
只是运行应用程序我没有错误,它工作正常,但当我运行我的测试时,我收到以下错误: 'pattern-list' is not a known element: 1. If 'pattern-list' is an Angular component,then verify that it is part of this module. 2. If 'pattern-list' is a Web Compo[详细]
-
单元测试 – angular2 – 如何在http.post单元测试中模拟错误
所属栏目:[安全] 日期:2020-12-17 热度:131
我正在使用HTTP.post调用为登录方法编写Uni-test,如: this.http.post( endpoint,creds,{ headers: headers}) .map(res = res.json()) .subscribe( data = this.onLoginComplete(data.access_token,credentials),err = this.onHttpLoginFailed(err),() = thi[详细]
-
将参数传递给Guard Angular 2
所属栏目:[安全] 日期:2020-12-17 热度:79
我有一个应用程序,我已使用身份验证防护设置,以确保用户无法访问该应用程序,除非他们已登录,如此 import { Injectable } from '@angular/core';import { CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot,CanActivateChild } from '@angular/[详细]