angular2-directives相关内容

使用指令 Angular 2 更改输入的 ngModel 值

我被困在如何使用指令访问和更改输入 ngModel 值.问题的结果是,当我选择所需的地址时,模型的地址值不会更新……它只是设置为我在输入中实际键入的内容,而不是输入的最终值. 我输入“830": 我选择“8300 Fauntleroy Way Southwest, Seattle, WA, United States": 结果值: {地址:'830'} 期望值: {地址:' ..
发布时间:2021-11-08 20:59:27 其他开发

指令将 ng-model 输入值显示为角度货币

我想在我的输入字段中显示带有十进制值的货币符号.如果模型值设置为 2,它应该显示 $2.00 而模型值应该保持数字.我创建了一个这样做的指令,但是如果从服务器加载值,其中值在模型中设置,那么它显示 $2.00 并且模型值也是字符串,而我需要数字.在谷歌搜索许多帖子后,我找到了这个 soln 但它是有角度的1.它如何转换为角度2?我需要完全相同的行为:Fiddle 我的指令是: impor ..

在根 AppModule 或根 AppComponent 中注册服务

在任何地方,建议在根 AppModule providers 数组中注册服务,避免使用根 AppComponent 的 providers 数组.什么时候应该在根 AppComponent 中注册服务?任何实际例子.与根 AppComponent 相比,在根 AppModule 中注册服务有什么优势? 解决方案 在根注册时,提供的服务被创建为单例,与在组件中提供相反,它将创建与您使用的一样 ..
发布时间:2021-11-08 20:59:21 其他开发

如何在angular2中使用嵌套的ngFor

我会显示一些数据 person = [{名称:'Jacob',颜色:'红色',日期:'2015-03-15',信息:['信息1','信息2','信息3','信息4','信息5']},{名称:'杰克',颜色:'红色',日期:'2017-04-25'},{名称:'贾里德',颜色:'红色',日期:'2016-11-15'},]; 我知道如何显示单个数据,但我想知道如何精确显示整个信息数组. ..
发布时间:2021-11-08 20:59:18 其他开发

在 Visual Studio 类型 FileReader 中使用 angular2-img-cropper 时的 Angular2 错误不可分配给类型 FileReader

我只是尝试探索插件 angular2-img-cropper (https://github.com/cstefanache/angular2-img-cropper) 并添加了一些来自 plunker 的示例代码 https://embed.plnkr.co/V91mKCNkBQZB5QO2MUP4/ 到我的应用程序. 但是当我尝试在 Visual Studio 2015 中编译我的应用程 ..
发布时间:2021-11-08 20:59:15 其他开发

如何在 angular 2 的网格中使用 flex 布局和 md-card?

我正在使用“@angular/core":“2.4.10"和“@angular/material":“2.0.0-beta.2".我已经使用 npm 安装了 flex-layout.我想用卡片设计响应式网格.我正在使用 md-grid-list 和 md-card.如何在 md-card 或 md-grid-list 中使用 flex 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要 ..

Angular 2+ 货币掩码

我为 Angular 2+ 尝试了一些货币掩码,但我的要求并不真正适合它们,所以我正在尝试自己创建一个指令.这是我需要的: 允许空值.将值保留为数字,而不是字符串. On Focus 删除货币格式.关于模糊重新格式化. 从右到左输入数字(因此对于 250.00 美元,用户必须输入 [2] -> 5 -> 0.(所以不要从小数点开始) 不允许用户输入除数字和小数点分隔符以外的任何内容. ..
发布时间:2021-11-08 20:59:06 其他开发

应用 Angular2 ngModel 后格式化输入值

我正在尝试创建一个指令,将输入值格式化为货币格式. 我能够在焦点和模糊上做我必须做的事情,并且在 ngOnInit 钩子(和任何其他钩子)中,输入元素尚未应用任何值. 如何“观察"输入的值,并在应用初始值时对其进行格式化? 这是我的指令: import {输入,指示,主机监听器,元素参考,渲染器,初始化来自'@angular/core';从“@angular/forms"导入{ ..
发布时间:2021-11-08 20:58:54 其他开发

Angular - 输入值更改时不会触发 Google 放置指令

我正在尝试编写一个 google place 指令,因为所有完成的指令似乎都不能很好地工作,或者代码库非常糟糕. 所以这是我的尝试,它很干净,但当用户输入内容时它不会激活: @Directive({选择器:'[googlePlace]'})导出类 GoogleplaceDirective 实现 OnInit {@Output() placeChange: EventEmitter= new ..

在 Ionic 2 中动画从一个组件到另一个组件的过渡

我的应用中有两个组件. 我需要为这些页面之间的过渡设置动画. 我需要翻转第 1 页,然后才会出现第 2 页. 我有任何插件可以在 ionic 2 中做到这一点. 任何参考/示例将不胜感激. 我正在使用 this.navController.setRootPage(Page2) 从一页转到另一页. 解决方案 我不知道 Ionic 框架,但这里有一个演示(plun ..
发布时间:2021-11-08 20:58:48 其他开发

Angular 2 Renderer2 - 它是如何工作的

我试图了解在指令或 angular 2 组件中添加 renderer2 装饰的必要性. 来自文档:渲染器 2 文档他们没有提供锄头工作的例子.谁能用完整的例子解释一下.请 解决方案 Renderer2 只是一个抽象.如果您使用 Universal(服务器端渲染)或 WebWorkers,则没有可用的 DOM,直接访问 DOM 的代码只会导致异常. 如果您使用 Renderer2 ..
发布时间:2021-11-08 20:58:45 其他开发

扩展/装饰 Angular 2 组件和指令

我有一些用于 Angular 2 中组件和指令的继承和装饰(如装饰器模式中)的用例. 该示例是具有不适合这种情况的基本模板的组件,以至于更容易定义新模板而不是以编程方式修改现有模板的 DOM.其余的组件元数据应该被继承. 基本上是 export const BASE_SOME_COMPONENT_METADATA = { ... };@Component(BASE_SOME_COMP ..

Angular 2 - 使用 ngStyle 将背景图像转换为 html 文件

我正在使用 Angular 2 服务从 API 中提取数据.我可以使用类似于此 {{ project.title }} 的内容将 json api 中的所有内容输出到页面上,但是我希望将 url 输出到后台图像,我似乎无法让它工作.. 有没有人有任何想法或建议? 目前这就是我所拥有的.我也试过没有花括号,但没有任何效果. ..

Angular 2.0 CLI 项目中 div 元素上的自定义滚动条?

我想在我的一个 div 中制作一个漂亮的水平滚动条.像这里的这些: 我正在使用 angular2 CLI 项目. 到目前为止我尝试过的:我找到了这个包 angular2-slimscroll - 最新更新的是 这里:-但没有按预期工作-我想这与破坏代码的最终 angular 2.0 最终版本有关. npm install ng2-slimscroll --save 在我的app.m ..
发布时间:2021-11-08 20:58:36 前端开发