-
0 votes1 answers1985 views
角度材料2：如何区分一个组件中的两个或多个可排序表？
亲爱的Stackoverflow社区， 根据Angular material 2文档，您可以向表中添加mdSort指令： 排序使用mdSort指令并在表的列 Headers 中添加排序UI . 排序标头发出可用于通过表的数据源触发更新的事件 . Code : component.html 使用mdSort指令和md-sort-headers <md-table fxFlex="... -
3 votes1 answers275 views
更新了我的Typescript定义，打破了angular指令
我刚刚将我的Typescript定义更新为今天的最新版本 . 在 angular.d.ts 中，现在是 IDirective 接口中 scope 的定义： interface IDirective { ... scope?: boolean | {[boundProperty: string]: string}; ... } 我的指令定义为这样（用字母代替实际名称和省略不... -
0 votes3 answers507 views
Angular Material Chips将显示在输入框下方
我正在使用Angular Material创建输入字段中输入的筹码 . 因此，文档examples中给出的当前默认行为是在输入框内显示芯片 . 我不想在我的输入字段中显示那些芯片我想要做的是当用户输入任何东西时，芯片应该在输入字段下创建（不在输入字段内） . 您可以通过任何示例链接帮助我 . -
107 votes10 answers47 views
如何扩展/继承Angular2组件？
Question 我想为已经部署在Angular 2中的一些组件创建扩展，而不必几乎完全重写它们，因为基本组件可能会发生更改，并希望这些更改也反映在其派生组件中 . Example I created this simple example to try to explain better my questions: 使用以下基本组件 app/base-panel.component.ts ： i... -
4 votes2 answers24 views
在Selectize.js项目中渲染角度指令
我正在使用angular-selectize在我的角度项目中使用Selectize.js . 要在Selectize.js选择器中使用自定义项，我使用的是Selectize.js'render选项： render: { item: function(item, escape) { var avatar = '<div>' + '<span avatar... -
1 votes1 answers1625 views
将NG2指令降级为AngularJS
据我所知，我们可以将NG2组件和服务降级为AngularJS . 但我想知道是否有可能为NG2指令做到这一点？ 我已经阅读了升级/降级指南但我找不到任何东西 . 我找到了升级AngularJS指令的方法，但没有相反的方法！ 这样的东西，但对于指令（这是为组件）： angular.module('heroApp', []) .controller('MainController', MainCo... -
1 votes1 answers228 views
如何从使用里面某些指令的组件访问DirectivesModule？
编辑：建议的解决方案是正确的，我不得不提到 SharedModule 必须导入到子组件的父组件中，该子组件使用DropDownDirective才能工作 . 我正在研究Angular 4应用程序，我想使用包含 DirectivesModule 的 SharedModule 优化其结构 . 我有一个组件X，通过导入 SharedModule 使用 DirectivesModule 中的一个指令，如下... -
0 votes1 answers323 views
Angular2指令侦听父组件回调或更改
我有一个angular2 / 4指令，我附加到输入DOM元素，它为它们添加一个类，标记它们不是空的 . @Directive({ selector: '[inputNotEmptyAddClass]' }) export class InputNotEmptyDirective implements OnInit { ... @HostListener('change') onChange... -
0 votes0 answers607 views
在ionic2中从JSON加载内容时未应用Angular2指令
我正在使用自定义指令在我的页面中显示工具提示 . 这是我使用的指令： import { Directive, ElementRef, Renderer, HostListener } from '@angular/core'; @Directive({ selector: '.showTooltip' }) export class TooltipDirective { constru... -
176 votes5 answers703 views
什么是AngularJS指令？
我花了很多时间阅读AngularJS文档和几个教程，我对文档的无法接近感到非常惊讶 . 我有一个简单的，可回答的问题，对于想要获取AngularJS的其他人也可能有用： What is an AngularJS directive? 在某处应该有一个简单，精确的指令定义，但AngularJS website提供了这些令人惊讶的无用定义： On the home page： 指令是AngularJ... -
0 votes1 answers544 views
Rxjs订阅在Angular Directive中不起作用
请考虑以下代码： @Component({ selector: 'cdt-angular-loader', templateUrl: 'loader.component.html', styleUrls: ['loader.component.scss'] }) export class LoaderComponent implements OnInit, OnDestroy { ... -
1 votes1 answers475 views
如何在每次更改时在组件内使用Angular输入指令
我 Build 了一个名为 intellark 的指令 . 它会在输入时将QWERTY键转换为阿拉伯语键 . 它工作正常 . 在指令中使用console.log时，会显示每个转换后的字母，并相应地转换字母（键入英文，转换并以阿拉伯语显示） . 我以这种方式构建它，以便通过在任何HTML输入组件上添加指令名称 intellark ，相应地转换输入键 . 我的问题是这个 . 与下图中显示的指令 key... -
0 votes1 answers1734 views
Angular - 加载图像src后的自定义指令
我有一个问题 . 我必须在加载指令[src]后获得图像的宽度和高度 . 我得到了这个html，从@input的父对象获取url： <img fitImageSize [src]="content.openGraphImage.contentUrl"/> 在这里我获得尺寸的指令： 从'@ angular / core'导入{Directive，ElementRef，... -
0 votes0 answers345 views
Angular：在使用自定义ControlValueAccessor测试组件时，永远不会调用registerOnChange
正如我描述in this answer，我创建了一个自定义的ControlValueAccessor指令来控制何时触发组件的onChange事件，并且一切正常，除非我测试它时，从不调用registerOnChange，因此，我的测试失败 . 我的指令如下： export const MASK_CONTROL_VALUE_ACCESSOR: any = { provide: NG_VALUE_A... -
-1 votes2 answers232 views
AngularJS对象字段不从子指令更新
我有一个父控制器 A ，其范围包含一个表示其状态的对象 . 所以我可以从 A 的范围访问 state.status 以更新其状态 . 我有一个子指令 B ，它绑定了 A 状态对象中的一个字段 . 这允许我从 B 更新 A 的状态 . 这是我的控制器 A 的简化代码： angular.module("myApp").controller('A', function($scope)... -
1 votes1 answers411 views
angular5动态组件parent-chld通信
我正在实现the dynamic compoment docs中描述的方法 . 我需要我的动态组件能够向父组件发出事件，并且作为响应，父组件可能需要调用子组件的方法 . 我知道当子组件在父模板中时，如何将子事件绑定到父方法： 孩子 @Output() xevent : eventEmitter<string>;父模板中的 <child-comp (xevent)="a... -
6 votes1 answers1224 views
访问* ngIf中的模板变量
我试图在元素上定义模板变量并使用其隐藏属性来识别元素是否实际存在于DOM中，然后基于该元素显示另一个元素 . 但是如果有结构指令，模板变量似乎不会返回值 . <hr class="divider" *ngIf="true" #divi> <div *ngIf="showResendWelcomeEmailButton"&... -
4 votes0 answers1435 views
使用Angular输入格式编号
在Angular中，如何在不更改模型值的情况下格式化显示的输入值？该值必须以千位分隔符显示（FR为 ' ' ，EN为 ',' ）和小数点分隔符（FR为 ',' ，EN为 '.' ） . 当后端从数据加载初始化值时，必须格式化输入 . 我尝试过这样的事情： <input class="form-control" name="test" [ng... -
-1 votes1 answers1454 views
使用自定义指令的输入文本上的格式和输入编号
我正在尝试创建一个指令或管道，允许我显示格式化输入文本为12.345,67，当输入带小数点的数字时输入带逗号（，）的十进制逗号，所以12345,67不作为句点 . 显然，将逗号设置为十进制会产生错误 . 试用指令https://stackblitz.com/edit/angular-cf2hz8 试试自定义烟斗https://stackblitz.com/edit/angular-p3jc14 -
2 votes1 answers1194 views
屏蔽电话基于角度5的输入字段
我已经提到了链接：Input mask fields in Angular2 forms并且我能够屏蔽输入字段，如：（123）456-7890 . 请在下面找到更新的代码： 指令TS文件： @Directive({ selector: '[appPhoneMasking]', host: { '(ngModelChange)': 'onInputChange($event)', ... -
4 votes2 answers1162 views
Ionic 3 DateTime - 当模型未定义时，显示具有当前日期的选取器
我'm developing an application using Ionic 3 and I' m使用DateTime组件有问题 . 我在用户界面中有一个DateTime组件，它是可选的，因此，默认值是可选的 . 没有最短日期，最长日期是当前日期的2年： <ion-datetime displayFormat="DD/MM/YYYY" [(ngModel)]=&qu... -
0 votes1 answers328 views
如何访问ion-input指令包围的输入框的值
我是Ionic的新手 . 我正在使用Ionic框架3.我的问题是我不知道如何访问由ion-input指令包围的输入值 . 我想访问我创建的自定义指令的输入框的值 . ElementRef会有助于获取输入框的值吗？我试了但是失败了 . 请指导我以正确的方式访问custom指令中输入框的值 . 以下是我的代码...... My custom directive code - phonenumbe... -
0 votes1 answers1825 views
使用Angular 6 ngFor，如何在与其他数据数据进行比较时更改某些内容？
我正在创建购物车 . 我有产品数据的对象数组和购物车项目数据的数组 . 我尝试构建按钮购买项目，有条件按钮，如果相同的产品在购物车数据，然后需要显示'+ 3 -'（数量来自购物车数据的Id），如果产品不在购物车，然后只需显示'buy'按钮 . 我在https://stackblitz.com/edit/angular-267ern上实现的这个相关问题 . 我尝试解决： 管道， trackB... -
2 votes1 answers1597 views
Angular 5：找不到模块：错误：可以't resolve ' @ angular / forms / src / validators'
我正在尝试使用指令创建自定义验证程序，但得到以下错误 . ERROR in ./src/app/CustomValidators/white-space-validator.directive.ts Module not found: Error: Can't resolve '@angular/forms/src/validators' in 'D:\Angular\Admin\src\app\... -
1 votes4 answers855 views
角度2的“修剪”指令并反映对ngModel的更改
我想创建Angular 2指令，它只会从用户输入到输入字段的文本的开头和结尾处确定空格 . 我有输入字段 <input trim name="fruit" [(ngModel)]="fruit"/> 和指令 import {Directive, ElementRef} from "@angular/core"; @Dire... -
1 votes0 answers1454 views
在离子输入上应用货币格式
我想在离子输入上放置一种货币格式，但是角度指令不像在HTML输入Ion-Input not working with directives but regular input does上那样工作 . 所以我一直在努力做像他们在这里说的那样Input currency mask - IONIC和这里Ion-Input currency format但是它们都不适合我 . 一个问题是我有一个以编程方式... -
3 votes1 answers1580 views
需要角度2货币管道显示2位小数并接受各种用户输入
我有一个输入，我需要显示货币 . 我需要它总是显示2个小数位和没有美元符号 . 我决定使用 number 管道因为我不关心美元符号 . 此输入可由用户编辑，但是当我使用管道时，我会遇到不良行为 . Here is what the code looks like for the input: <input type="text" [ngModel]="myCur... -
0 votes2 answers652 views
将插值表达式传递给Angular指令
我几次问过这个问题 . 但是无法以正确的方式在这些答案中实现解决方案 . 我是Angular的新手，并尝试使用Observe或watch来将插值表达式传递给自定义指令以获得单向绑定 . 我不确定使用$ observe获得此行为的正确方法是什么 . 我试过这个 . attr.$observe('oneway', function (attributeValue) { ... -
5 votes1 answers1330 views
在Angularjs中使用GeoCharts
如何在Angular中使用Google GeoChart？我想在geoChart中注入角度数据，如Javascript中的这些示例https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#Regions function drawRegionsMap() { var data = goo... -
1 votes3 answers629 views
更新绑定对象的内容时不会触发onChanges
我在组件中有父子关系 . 如果我更新父组件中的值绑定对象，那么它必须在子组件中通知 . ChildComponent export class childComponent implements OnChanges { @Input() data = { name: "Datta" }; ngOnChanges() { console.log('updated'); } ...