草庐IT

angular-masonry

全部标签

Angular 2 学习笔记

Angular2应用主要由以下几个部分组成:1、模块(Modules):2、组件(Components):3、模板(Templates)​​​​​​​:4、元数据(Metadata):5、数据绑定(DataBinding)6、指令(Directives)7、服务(Services):8、依赖注入(DependencyInjection)9、路由(Route):建立URL路径和组件之间的对应关系,根据不同的URL路径匹配对应的组件并渲染。一、元数据(Metadata)元数据就是在定义模块、组件、服务的时候,Decorator(装饰器)方法里面的参数内容,例如一个AppComponent的元数据,

【全栈开发】使用NestJS、Angular和Prisma 打造全栈Typescript开发

在开发Angular应用程序时,我非常喜欢Typescript。使用NestJS,您可以以与Angular非常相似的方式编写后端。我偶然发现了这个库,发现它非常有趣,所以我想设置一个简单的测试项目。一般来说,我主要使用SQL数据库,因此我也将尝试Prisma将我们的数据存储在PostgreSQL中,并在前端和后端之间提供一个通用模型。要开始使用NestJS,您必须安装npm包并运行CLI命令来创建新的应用程序。为了在NestJS项目中托管我们的Angular应用程序,我们还需要添加NestJS静态包。**InstallNestJSandcreatetheProject.npminstall--

父组件中的多个子分量具有相同的实例Angular2

我有一个孩子组成file-upload我多次在父零件中使用的InputFilesSave在UI中,一切都很好,但是在行动中,似乎只有一个对象实例file-upload哪个正在起作用,每个输入的每一个都会改变file-upload组件仅适用于其中之一(第一个)。问题是input以及我使用它的方式..当我使用一个简单的按钮时,每件事都很好。这是HTML的file-upload{{title}}DropHereOr...ClickHereClickMe看答案你有一个辛格尔顿FileService这就是为什么他们都具有该服务的相同实例的原因。我假设您将提供商注入AppModule,因此请将其删除并尝试

递增在上一条中不起作用,接下来的按钮Angular 4

我必须创建一个预列和下一个组件才能使用Angular的路由器进入下一页。问题不是关于角度的,而是关于递增和减少逻辑的问题。当我单击下一个第一次是可以的,但是第二次我必须单击两次才能查看下一页。上级按钮也发生了同样的情况。如果我想单击返回,下一步单击后,我必须单击两次才能转到上面的页面。我看了看,看不到虫子在哪里。HTML文件PrevNextTS文件pages=[{name:'../page1',index:0},{name:'../page2',index:1},{name:'../page3',index:2}];current=this.pages[0];getIndex(currentI

使用ASP.NET MVC或Web API 2后端 +仪表板平台的Angular

我正在尝试创建一个基于Web的仪表板平台和框架。我认为使用的技术是ASP.NETMVC5/6(后端和前端集成)或ASP.NETWebAPI2后端和AngularFrontend。该应用程序应作为应用程序(主机)的功能,也应作为可以在其中制作应用程序的框架。在这种情况下,应用程序是一个小型Web应用程序,可以在仪表板上显示。我遇到的主要瓶颈之一是找出一种在仪表板上多次实例化同一应用程序的方法。由于默认情况下,请介绍网页上多个HTML元素之间的ID碰撞。我知道Angular是为您的“解决”此问题,因为您的应用程序的范围(查看像组件这样的应用程序)由AngularFramework维护。我提到ASP

android - 在 Angular 环境中运行 npm run start.android 后出现“TypeError : Path must be a string. Received undefined”

因此在使用https://github.com/NathanWalker/angular-seed-advanced时使用npmrunstart.android在android中运行该项目。我使用npminstall安装了所有依赖项并正确准备了项目。不幸的是,在使用命令后我得到一个错误TypeError:Pathmustbeastring。收到未定义的。我尝试在线搜索解决方案,但我无法找到任何解决方案,因为我并不真正理解为什么会这样。运行tnsdoctor--logtail显示移动环境(android和ios)的安装有问题,所以它自动提示我尝试通过安装几个依赖项和包来修复它。在这些更改

Kendo UI上传组件的Angular 2-无法上传

我是Angular2和WebAPI(.NETCore)的KendoUI。我无法使用Kendo上传上传到WebAPI。这是我的示例代码:html:上传事件处理程序uploadEventHandler(e:UploadEvent){this.fs.uploadFile(e.files).subscribe(result=>{console.log('result',result);});}上传服务:uploadFile(file:any){constbaseUrl=this.basePath+'/api/Common/UploadFile';returnthis.dah.post(baseUrl,

Angular2设置< textarea>在使用占位符文本IE 11时肮脏

我做了一些R&d在这个问题上,Angular1也发生了同样的问题,大多数人建议使用NG-ATTR持有人,但是在Angular2中没有解决此问题的解决方案。我询问Angular2不是Angular1。看答案我为此找到了解决方案:为占位符文本创建自定义指令TS:import{Directive,ElementRef,Input}from'@angular/core';import{NgControl}from"@angular/forms";@Directive({selector:'[customPlaceholder]'})exportclassPlaceholderDirective

如何在Angular2中使用 *ngfor绑定bootstrap模式

我想使用Angular2将数据显示在引导模式中。我已经使用“*ngfor”以模式为单位。但是使用*ngfor,模态​​不按照其行为显示数据(单击右箭头时,数据应更改,并且第一个数据默认为默认值)。但是,当我将活动类应用于“项目”时,它显示完整的数据,但以垂直格式显示。我希望它应该显示一个图像及其细节。这是我的app.component.htmlDetailsImageName{{modalData.Name}}和我的输出来自上述代码:看答案首先,您需要组织申请,将您的申请分为成分.例如,创建一个组件表示您的应用程序中提到*ngfor指令的HTML模板组件打字稿文件@Component({sel

Angular_Components,RPC和SQLJocky之间的版本冲突

可以使用吗angular_components和...一起rpc和sqljockyDART的包装?我有一个软件包版本冲突,无法从中找到自己的出路。我在用DartVMversion:1.23.0(FriApr2103:13:002017)on"windows_x64"。我的pubspec.yaml我可以得到所有依赖性是name:Projectdescription:Somedescriptionversion:0.0.1author:meenvironment:sdk:'>=1.20.1=0.5.1"angular_components:">=0.5.0"plotly:any_discovery