-
angularjs-$filter及callee,$watch
所属栏目:[安全] 日期:2020-12-17 热度:64
#angularjs常用过滤器!DOCTYPEhtmlhtmlheadmetacharset="utf-8"/title/titlescriptsrc="js/angular.min.js"/script/headbodydivng-app="app"ng-controller="ctrl"货币currency:{{999.99|currency:'$':1}}br/数字number:{{999.111|number:2}}br/大写lowerca[详细]
-
ng-zorro-antd 初体验
所属栏目:[安全] 日期:2020-12-17 热度:183
Angular版本的 Ant Design 总算发布了,其名曰:ng-zorro-antd。 这人要是越期待,心就越着急。早在8月上旬我就开发好了 ng-zorro-vscode;一个在vscode下的snippets。因此,虽然那时未能探到源代码,但从官网的SDK中,就已经对 ng-zorro-antd 有一定全面性[详细]
-
AngularJS按表排序行
所属栏目:[安全] 日期:2020-12-17 热度:130
我有四个表标题: $scope.headers = ["Header1","Header2","Header3","Header4"]; 我想通过点击标题来排序我的表。 所以如果我的表看起来像这样 H1 | H2 | H3 | H4A H D etc....B G CC F BD E A 我点击 H2 我的表现在看起来像这样: H1 | H2 | H3 | H4D E A[详细]
-
AngularJS:自定义过滤器和ng-repeat
所属栏目:[安全] 日期:2020-12-17 热度:86
我是一个AngularJS的新手,我正在建立一个小概念车租赁列表应用程序,拉入一些JSON,并通过ng重复,通过几个过滤器呈现各种位的数据: article data-ng-repeat="result in results | filter:search" class="result" headerh3{{result.carType.name}},{{resul[详细]
-
AngularJS:如何获取JSON对象的键
所属栏目:[安全] 日期:2020-12-17 热度:173
我不确定这是否与AngularJS有关,如果它只是JSON相关。 无论如何,让我们说,我们有以下JSON: $scope.dataSets = { "names": ["Horace","Slughorn","Severus","Snape"],"genders": ["Male","Female"]} 现在,我使用ng-repeat指令打印上面的内容如下: div n[详细]
-
angularjs – $watch不会触发数组更改
所属栏目:[安全] 日期:2020-12-17 热度:145
我想知道为什么我的$手表没有被触发。这是相关控制器的代码段: $scope.$watch('tasks',function (newValue,oldValue) { //do some stuff //only enters here once //newValue and oldValue are equal at that point});$scope.tasks = tasksService.tasks();[详细]
-
单元测试 – 如何测试AngularJS自定义提供程序
所属栏目:[安全] 日期:2020-12-17 热度:97
有没有人有一个如何单元测试提供程序的示例? 例如: config.js angular.module('app.config',[]) .provider('config',function () { var config = { mode: 'distributed',api: 'path/to/api' }; this.mode = function (type) { if (type) { config.isDistri[详细]
-
TemplateRef
所属栏目:[安全] 日期:2020-12-17 热度:133
class TemplateRef C { get elementRef() : ElementRef createEmbeddedView( context: C ) : EmbeddedViewRef C } 官方解释: Represents an Embedded Template that can be used to instantiate Embedded Views. 代表一个嵌入式模板 可用于实例化嵌入式视图[详细]
-
AngularJS+Bootstrap3多级导航菜单
所属栏目:[安全] 日期:2020-12-17 热度:142
AngularJS体验式编程系列文章,将介绍如何用AngularJS构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模[详细]
-
EmbeddedViewRef
所属栏目:[安全] 日期:2020-12-17 热度:69
class EmbeddedViewRef extends ViewRef { get context(): C get rootNodes(): any[] } 描述 Represents an Angular View. 代表一个angular视图 A View is a fundamental building block of the application UI. It is the smallest grouping of Elements wh[详细]
-
ViewContainerRef
所属栏目:[安全] 日期:2020-12-17 热度:155
class ViewContainerRef { get element () : ElementRef get injector () : Injector get parentInjector () : Injector clear () : void get ( index : number ) : ViewRef |null get length () : number createEmbeddedView C ( templateRef : TemplateRef[详细]
-
ChangeDetectorRef
所属栏目:[安全] 日期:2020-12-17 热度:60
class ChangeDetectorRef { markForCheck(): void detach(): void detectChanges(): void checkNoChanges(): void reattach(): void } 方法 markForCheck(): void Marks all ChangeDetectionStrategy ancestors as to be checked. 标记所有ChangeDetectionSt[详细]
-
ref总结
所属栏目:[安全] 日期:2020-12-17 热度:166
EmbeddedViewRef ViewRef ChangeDetectorRef ChangeDetectorRef里面基本都是变化检测相关的方法 ViewRef 里面只有一个销毁view的方法 EmbeddedViewRef中有get context()和get rootNodes()两个方法 @Component({ selector: ‘my-app’, template: h1Welcome t[详细]
-
ElementRef
所属栏目:[安全] 日期:2020-12-17 热度:68
export class ElementRef { public nativeElement: any; constructor(nativeElement: any) { this .nativeElement = nativeElement; }} A wrapper around a native element inside of a View. 在一个View中的一个native元素的包装。 An ElementRef is backed[详细]
-
ComponentRef
所属栏目:[安全] 日期:2020-12-17 热度:182
class ComponentRef C { get location () : ElementRef get injector () : Injector get instance () : C get hostView () : ViewRef get changeDetectorRef () : ChangeDetectorRef get componentType () : Type any destroy () : void onDestroy ( callbac[详细]
-
angularJS $filter
所属栏目:[安全] 日期:2020-12-17 热度:73
过滤:$filter('filter')(datalist,keyword);排序:$filter('orderBy')(datalist,key);//key为dataList实例中的一个字段[详细]
-
angularjs – ng重复过滤器布尔
所属栏目:[安全] 日期:2020-12-17 热度:55
我试图过滤一个布尔值在ng重复。 未注册用户列表: h3Unregistered Users/h3 div ng-repeat="user in users | filter:!user.registered" div class="row-fluid" div class="span2" {{user.name}} /div /div /div 注册用户列表: h3Registered Users/h3 div n[详细]
-
angularjs – Angular:调用控制器函数里面的一个指令链接函数使
所属栏目:[安全] 日期:2020-12-17 热度:66
我们遇到了一个问题,试图调用传递到指令的函数使用符号在我们的指令的链接功能。 看来该函数在控制器上被调用,但是没有参数在调用中传递。我们所看到的所有例子都涉及通过在模板中创建一个调用。有没有办法从它的模板调用你的指令上的函数,然后在指令中调[详细]
-
Angular 小试牛刀[1]-Getting Started
所属栏目:[安全] 日期:2020-12-17 热度:200
首先,Angular2 与 Angular1.x 版本没有多大关系,甚至可以说是两个完全不一样的框架,故 Angular 指的是 Angular2 及以上的版本。而 Angular 与 TypeScript 的完美结合,对于一个 .NET 开发者来说,实在是找不到不用它的理由了,更多的优势来不及说了,快上[详细]
-
Angular4 + Material2 - 异常 Exception
所属栏目:[安全] 日期:2020-12-17 热度:50
Unexpected value '…' imported by the module '…'. Please add a @NgModule annotation Unexpected value 'CdkTableModule' imported by the module 'AppModule'. Please add a @NgModule annotation ng s启动完,在命令行和浏览器console里提示编译失败[详细]
-
Angular4 + Material2, Dialog 异常 Exception
所属栏目:[安全] 日期:2020-12-17 热度:78
Angular2 material dialog has issues - Did you add it to @NgModule.entryComponents? https://stackoverflow.com/questions/41519481/angular2-material-dialog-has-issues-did-you-add-it-to-ngmodule-entrycomponent 在项目里用到Material2的Dialog对话[详细]
-
在Angular中定义共享的Providers
所属栏目:[安全] 日期:2020-12-17 热度:140
有时,你需要在 Angular 应用中创建一个共享模块,该模块定义了功能模块和lazy-loaded模块可以使用的服务,管道与指令。一个小问题就是服务,通常应该作为单例的服务可能会被多次提供。幸运的是,对于我们来说,通过在共享模块中定义一个返回 ModuleWithProv[详细]
-
在Angular中,使用 ng-img-max 调整浏览器中的图片
所属栏目:[安全] 日期:2020-12-17 热度:183
你想在Angular应用程序中进行图片上传,是否想在图片上传之前在前端限制上传图片的尺寸?ng2-img-max模块正是你所要的! ng2-img-max模块会使用web sorkers 进行图片大小的计算,并驻留在主线程中。 我们来看看他的用途: 安装 首先,使用npm 或 Yarn安装模块[详细]
-
在 Angular 中使用Chart.js 和 ng2-charts
所属栏目:[安全] 日期:2020-12-17 热度:184
Chart.js是一个流行的JavaScript图表库,ng2图表是Angular 2+的包装器,可以轻松地将Chart.js集成到Angular中。 我们来看看基本用法。 安装 首先,在项目中安装 Chart.js 和 ng2-charts: # Yarn:$ yarn add ng2-charts chart.js# or npm $ npm install ng2-c[详细]
-
angular4 如何在全局设置路由跳转动画
所属栏目:[安全] 日期:2020-12-17 热度:111
最近用angular4写项目需要为每次路由跳转增加动画,看了一下官方文档,虽然可以实现,但是要每个组件都引入一次animations,比较麻烦,找网上也查阅了很多资料,但是都没找到适用的方法,最后自己写了一种方法如下: 首先在app.module中导入BrowserAnimation[详细]