angular2-directives相关内容
正如在 this plunker 中所见,我正在向其中一个动态添加 HTML我的元素,归结为: @Component({选择器:'my-comp',模板:``,}) 导出类 MyComponent {private linkContent = 'GoTo Route';私人
..
有没有办法动态设置 *ngTemplateOutlet 指令的值? 类似的东西:
div 中的一些文本跨度内的一些文本
..
我被困在如何使用指令访问和更改输入 ngModel 值.问题的结果是,当我选择所需的地址时,模型的地址值不会更新……它只是设置为我在输入中实际键入的内容,而不是输入的最终值. 我输入“830": 我选择“8300 Fauntleroy Way Southwest, Seattle, WA, United States": 结果值: {地址:'830'} 期望值: {地址:'
..
我想在我的输入字段中显示带有十进制值的货币符号.如果模型值设置为 2,它应该显示 $2.00 而模型值应该保持数字.我创建了一个这样做的指令,但是如果从服务器加载值,其中值在模型中设置,那么它显示 $2.00 并且模型值也是字符串,而我需要数字.在谷歌搜索许多帖子后,我找到了这个 soln 但它是有角度的1.它如何转换为角度2?我需要完全相同的行为:Fiddle 我的指令是: impor
..
在任何地方,建议在根 AppModule providers 数组中注册服务,避免使用根 AppComponent 的 providers 数组.什么时候应该在根 AppComponent 中注册服务?任何实际例子.与根 AppComponent 相比,在根 AppModule 中注册服务有什么优势? 解决方案 在根注册时,提供的服务被创建为单例,与在组件中提供相反,它将创建与您使用的一样
..
我会显示一些数据 person = [{名称:'Jacob',颜色:'红色',日期:'2015-03-15',信息:['信息1','信息2','信息3','信息4','信息5']},{名称:'杰克',颜色:'红色',日期:'2017-04-25'},{名称:'贾里德',颜色:'红色',日期:'2016-11-15'},]; 我知道如何显示单个数据,但我想知道如何精确显示整个信息数组.
..
我只是尝试探索插件 angular2-img-cropper (https://github.com/cstefanache/angular2-img-cropper) 并添加了一些来自 plunker 的示例代码 https://embed.plnkr.co/V91mKCNkBQZB5QO2MUP4/ 到我的应用程序. 但是当我尝试在 Visual Studio 2015 中编译我的应用程
..
我正在尝试使用 angular2 构建一个简单的应用程序,我有以下组件: @Component({选择器:'地图菜单',templateUrl: './angular-app/components/map-menu.html'})导出类 MapMenuComponent {@Input() selectedMarkers: Array;构造函数(){//setInterval(() => {//
..
我正在使用“@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+ 尝试了一些货币掩码,但我的要求并不真正适合它们,所以我正在尝试自己创建一个指令.这是我需要的: 允许空值.将值保留为数字,而不是字符串. On Focus 删除货币格式.关于模糊重新格式化. 从右到左输入数字(因此对于 250.00 美元,用户必须输入 [2] -> 5 -> 0.(所以不要从小数点开始) 不允许用户输入除数字和小数点分隔符以外的任何内容.
..
我已经为用户创建了登录页面.如果他们点击提交按钮,页面将导航到一个组件(test.component.ts,test.component.html,..). 我需要在全屏模式下制作该窗口.像,(html5 中的视频控制全屏). submitLogin() {if (this.userName === 'Student' && this.passWord === 'student@123')
..
我在 元素上使用指令并获得对其控件的引用,如下所示: @ContentChild(NgControl) private readonly _inputNgControl: NgControl; 但是当我像这样听模型更改时: ngAfterContentInit(): void {this._inputNgControl.control.valueChanges.distin
..
AoT 编译导致“JavaScript heap out of memory"错误 我正在尝试按照 angular.io 上提供的 AoT 指南来编译我的项目 下面是我的 aot 类型脚本配置文件 {“编译器选项":{“emitDecoratorMetadata":真,"experimentalDecorators": 真,“模块":“es2015","moduleResolut
..
我正在尝试创建一个指令,将输入值格式化为货币格式. 我能够在焦点和模糊上做我必须做的事情,并且在 ngOnInit 钩子(和任何其他钩子)中,输入元素尚未应用任何值. 如何“观察"输入的值,并在应用初始值时对其进行格式化? 这是我的指令: import {输入,指示,主机监听器,元素参考,渲染器,初始化来自'@angular/core';从“@angular/forms"导入{
..
我正在尝试编写一个 google place 指令,因为所有完成的指令似乎都不能很好地工作,或者代码库非常糟糕. 所以这是我的尝试,它很干净,但当用户输入内容时它不会激活: @Directive({选择器:'[googlePlace]'})导出类 GoogleplaceDirective 实现 OnInit {@Output() placeChange: EventEmitter= new
..
我的应用中有两个组件. 我需要为这些页面之间的过渡设置动画. 我需要翻转第 1 页,然后才会出现第 2 页. 我有任何插件可以在 ionic 2 中做到这一点. 任何参考/示例将不胜感激. 我正在使用 this.navController.setRootPage(Page2) 从一页转到另一页. 解决方案 我不知道 Ionic 框架,但这里有一个演示(plun
..
我试图了解在指令或 angular 2 组件中添加 renderer2 装饰的必要性. 来自文档:渲染器 2 文档他们没有提供锄头工作的例子.谁能用完整的例子解释一下.请 解决方案 Renderer2 只是一个抽象.如果您使用 Universal(服务器端渲染)或 WebWorkers,则没有可用的 DOM,直接访问 DOM 的代码只会导致异常. 如果您使用 Renderer2
..
我有一些用于 Angular 2 中组件和指令的继承和装饰(如装饰器模式中)的用例. 该示例是具有不适合这种情况的基本模板的组件,以至于更容易定义新模板而不是以编程方式修改现有模板的 DOM.其余的组件元数据应该被继承. 基本上是 export const BASE_SOME_COMPONENT_METADATA = { ... };@Component(BASE_SOME_COMP
..
我正在使用 Angular 2 服务从 API 中提取数据.我可以使用类似于此 {{ project.title }} 的内容将 json api 中的所有内容输出到页面上,但是我希望将 url 输出到后台图像,我似乎无法让它工作.. 有没有人有任何想法或建议? 目前这就是我所拥有的.我也试过没有花括号,但没有任何效果.
..
我想在我的一个 div 中制作一个漂亮的水平滚动条.像这里的这些: 我正在使用 angular2 CLI 项目. 到目前为止我尝试过的:我找到了这个包 angular2-slimscroll - 最新更新的是 这里:-但没有按预期工作-我想这与破坏代码的最终 angular 2.0 最终版本有关. npm install ng2-slimscroll --save 在我的app.m
..