草庐IT

angular-masonry

全部标签

在Angular 2 App中已经迭代的集合中迭代时, *ngfor的语法

我试图弄清楚如何在Angular2应用程序中另一个阵列中的阵列中进行迭代。在我的组成部分中,我订阅了Angular的Ngoninit生命周期钩中的可观察到的。ngOnInit(){constrecords=this.filtersService.getByFilter(this.page,this.pagesize,{'services.workflow.status':'clientinformation'}).subscribe(resRecordsData=>{this.records=resRecordsData;console.log(this.records);},response

Testing Angular, VueJS, and React Components with Jest

作者:禅与计算机程序设计艺术1.简介在过去的几年里,React、Angular和Vue等前端框架都获得了越来越多开发者的青睐,并且取得了不俗的成绩。这些前端框架的出现给前端开发领域带来了许多新鲜的机会。特别是在面对复杂业务需求时,测试驱动开发(TDD)方法对于保证项目质量至关重要。而Jest和Enzyme作为两个流行的JavaScript测试工具,可以帮助我们轻松地进行单元测试和端到端测试。本文将演示如何用Jest和Enzyme测试Angular、VueJS和React组件。2.背景介绍单元测试是软件开发中的重要环节之一,它用于验证一个个模块或功能是否按照设计要求工作。单元测试能够及早发现潜在

模块'“ node_modules/@angular/router/index”'没有导出的成员'routermodule'

我正在在我的角流星应用程序中实现路由,但会遇到打字错误错误Module'"node_modules/@angular/router/index"'hasnoexportedmember'RouterModule'.和Module'"node_modules/@angular/router/index"'hasnoexportedmember'Routes'任何帮助都会非常感谢。App.Routes文件是import{RouterModule,Routes}from'@angular/router';import{LoginComponent}from'../../components/logi

php - Angular 4 使用 PHP POST 到 MYSQL 数据库

我已经搜索了两个星期来找到我的问题的答案,我觉得这个问题应该比较简单,但我一直没有使用正确的关键字。我知道Angular是前端框架,我可以使用任何我喜欢的数据库和后端。对于一个学校项目,我正在创建一个带有MySQL数据库的Ionic3/Angular4应用程序,其中一项作业要求登录/注册系统。虽然有很多教程使用Firebase来做这件事,但我还没有看到任何关于MySQL的教程。我的基本问题是,如何设置我的register.ts文件以在服务器上运行PHP文件并传递名称、用户名、电子邮件和密码等数据?我们在学校学习了基本的PHP,但如果有有用的快速入门,我愿意使用Node/Mongo-我们

UITableView根据表格内容进行高度自适应与使用Masonry实现根据内容进行宽度自适应和高度自适应

Masonry和SDAutoLayout不同:SDAutoLayout需要上下左右四个方向都显示性的进行约束,虽然当高度和宽度自适应时,可以少一个高度约束,但是也应有对应布局处理设置。因为标签是有顶部和底部空白间隙的,通常高度比字体大小大一些(当字体很大时的粗体差别很大),当设置的高度比标签实际高度小时,标签的顶部和底部被截取。当然它也有好处,就是严格按照布局高度实现ui.而Masonry并非上下左右四个方向都设置约束,一般2到3个不重复方向的约束就可以(没有就采用默认值推导)。就是设置上下左右的约束,它实际的标签也是按照标签的实际显示高度上下留空白,这样就造成和UI有稍微一点高度的偏差。可见

Angular+TS学习

生成新项目命令行ngnewmy-app新建文件的时候如果要放在app里面,命令行后面要加–flat=true,比如nggm文件名--flat=true进入项目文件,运行项目ngserve--open创建服务命令行nggenerateservice服务名共享模块创建模块nggeneratemodel模块名称创建模块内组件,运行如下命令来生成一个新组件:nggeneratecomponent组件名称exports中导出需要使用的共享模块:@NgModule({declarations:[LayoutComponent],imports:[CommonModule],exports:[LayoutC

一文了解Angular、React 和 Vue.js的区别

前端开发人员在开始一个新项目时首先要回答的问题是:我应该选择哪个框架?哪个框架更适合我的需求? 在本文中,我们将向您快速概述当前使用的最常见的前端框架,旨在帮助您选择最能满足您需求的框架。这些框架是Angular、React和Vue.js。 一、介绍Angular是一个包含大量组件、服务和工具的前端框架。在Angular的网站上,您可以看到他们将Angular定义为:“现代网络开发者平台”。它由Google开发人员开发和维护,但奇怪的是它没有用于实现任何最常见的产品,例如YouTube。React被认为是一个UI库。他们将自己定义为:“用于构建用户界面的JavaScript库”。Faceboo

Angular 2-装有七分组件的模块的路由

我有一个模块,其中包含2个组件(UserAppsComponent和userAppComponent),我想加载模块懒惰。根模块代码:在我的根路由器中,我有:constroutes:Routes=[{path:'',redirectTo:'/Dashboard',pathMatch:'full'},{path:'Dashboard',component:UserDashboardComponent},{path:'UserApps',loadChildren:'./user-apps-module/user-apps.module#UserAppsModule'},{path:'UserApp

Angular的重要概念

模块(Module)模块是Angular应用程序的基本组成部分,每个应用程序都至少有一个模块。模块是一种将组件、指令、服务和管道组合在一起的方式。定义模块的方式import{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{AppComponent}from'./app.component';@NgModule({declarations:[AppComponent,],imports:[BrowserModule,],providers:[],bootstrap:[

angular 在vscode 下的hello world

Angulai是google公司开发的前端开发框架。Angular使用typescript作为编程语言。typescript是Javascript的一个超集,提升了某些功能。本文介绍运行我的第一个angular程序。前面部分参考: AngularTypeScriptTutorialinVisualStudioCode一:安装angular的前提是安装好了node.js。我在visualcode下的node.js的helloworld-CSDN博客 这个文章中介绍了怎么安装。检查的方法是:node-v能显示node 的版本。二:安装angularcli的方法是终端输入下面命令:npminstal