Questions tagged «angular»

有关Angular(不要与AngularJS混淆)的问题,它是Google的网络框架。将此标签用于并非特定于单个版本的角度问题。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。


3
Angular 2 ng for first,last,index loop
我正在尝试将本例中的第一次出现设置为默认值:plunkr 出现以下错误: Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in …

15
angular 2从formarray中删除所有项目
我在formbuilder中有一个表单数组,并且我正在动态更改表单,即在单击加载来自应用程序1等的数据时。 我遇到的问题是,所有数据都已加载,但formarray中的数据仍然保留,只是将旧项与新项合并。 我如何清除该formarray仅包含新项目。 我已经试过了 const control2 = <FormArray>this.registerForm.controls['other_Partners']; control2.setValue([]); 但这不起作用。 有任何想法吗?谢谢 在nginit中 ngOnInit(): void { this.route.params.subscribe(params => { alert(params['id']); if (params['id']) { this.id = Number.parseInt(params['id']); } else { this.id = null;} }); if (this.id != null && this.id != NaN) { alert(this.id); this.editApplication(); this.getApplication(this.id); } else { this.newApplication(); } } …

30
Angular2-仅接受数字的输入字段
在Angular 2中,如何屏蔽输入字段(文本框),使其仅接受数字而不接受字母字符? 我有以下HTML输入: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> 上面的输入是通用文本输入,可以用作简单文本字段或用作数字字段,例如以显示年份。 使用Angular 2,我如何使用相同的输入控件并在此字段上应用某种过滤器/掩码,以使其仅接受数字? 我可以通过哪些不同的方式实现这一目标? 注意:我需要仅使用文本框而不使用输入数字类型来实现此目的。

4
无法在HTML中使用Typescript枚举
我使用Typescript进行了枚举,以在MyService.service.ts MyComponent.component.ts和MyComponent.component.html中使用。 export enum ConnectionResult { Success, Failed } 我可以轻松地从MyService.service.ts获取并比较定义的枚举变量: this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } 我还想通过* ngIf语句将枚举用于HTML内的比较: <div *ngIf="result == ConnectionResult.Success; else failed"> <img src="../../assets/connection-success.png" height="300px" class="image-sign-style" /> </div> <ng-template #failed> <img src="../../assets/connection-failed.png" height="300px" class="image-sign-style" /> </ng-template> 代码可以编译,但是浏览器给我一个错误: 无法读取未定义的属性 使用以下html指示错误行: 有谁知道为什么不能这样访问枚举?


7
两个开关盒角度值
在PHP和Java中,我们可以做 case 1: case 2: echo "something"; 这样当值是1或2时,“ something”将被打印在屏幕上,我正在构建一个角度应用程序,我正在执行以下操作 <div [ngSwitch]="data.type"> <div *ngSwitchCase="'multi-choice'">FORM 1</div> <div *ngSwitchCase="'singe-choice'">FORM 1</div> <div *ngSwitchCase="'range'">FORM 2</div> </div> 用于单选的表格可以用于多选,但是我尝试了以下类似的方法以使其更有条理 <div [ngSwitch]="data.type"> <div *ngSwitchCase="'multi-choice' || 'singe-choice'">FORM 1</div> </div> 不幸的是它没有用,任何人都可以提出更好的方法来做到这一点。
86 angular 

11
如何将JSON文件导入TypeScript文件?
我正在使用Angular Maps构建地图应用程序,并希望导入JSON文件作为定义位置的标记列表。我希望将此JSON文件用作app.component.ts中的marker []数组。而不是在TypeScript文件中定义标记的硬编码数组。 导入此JSON文件以在我的项目中使用的最佳过程是什么?任何方向都非常感谢!

12
如何在Angular 4中使用jQuery插件?
我想在角度项目中使用范围滑块,并且尝试使用一个可用模块处理角度4。 它在编译过程中工作正常,但是当我尝试构建它进行部署时,会引发以下错误。 我检查了直接在Angular项目中使用jQuery插件的选项,而我仅在Angular 2中获得了使用它的选项。 有什么方法可以在Angular 4中使用jQuery插件? 请告诉我。 提前致谢!
85 jquery  angular 

12
选择器“ my-app”与任何元素均不匹配
问题是当我运行我的应用程序时,它运行良好。但是当我刷新它时,大多数时候我都低于味精。 选择器“ my-app”与任何元素都不匹配 但是奇怪的是,当我刷新我的应用程序很多时候它也可以工作。 因此,最终我的应用程序出现异常行为,无法弄清这一点。 有时它起作用有时不起作用... 任何建议,无法提出代码??? 注意:我没有复杂的结构或组件,但实现简单。
85 angular 

4
我可以以编程方式在Angular / Angular材质中移动水平垫脚垫的步骤吗
我对Angular Material(使用Angular 4+)有疑问。说在组件模板中,我添加了一个<mat-horizontal-stepper>组件,并且在每个步骤中,<mat-step>我都有步进按钮来导航该组件。像这样 <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 3 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> </mat-horizontal-stepper> 现在,我想知道是否可以删除每个步骤中的按钮,并将它们放置<mat-horizontal-stepper>在静态位置或什至外部的其他位置,<mat-horizontal-stepper>并且可以使用组件打字稿文件中的代码来回导航。给一个想法,我希望我的HTML是这样的 <mat-horizontal-stepper> <mat-step> Step 1 </mat-step> <mat-step> Step 2 …

1
如何在Angular 2中分页重新加载页面?[关闭]
已关闭。这个问题需要细节或说明。它当前不接受答案。 想改善这个问题吗?添加详细信息并通过编辑此帖子来澄清问题。 3年前关闭。 改善这个问题 如何在Angular 2上重新加载当前页面? 如果iam在第2页(分页)并刷新页面,它将显示第1页(URL pageload),但我希望我刷新第2页,它将出现在第2页中

9
Angular Material中的默认排序-排序标题
如何更改下面的“角度材料”代码,以便数据表按“名称”列排序,默认情况下按升序排序。必须显示箭头(指示当前分类方向)。 这是我要实现的目标: 原始代码: <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs (g)</th> <th mat-sort-header="protein">Protein (g)</th> </tr> <tr *ngFor="let dessert of sortedData"> <td>{{dessert.name}}</td> <td>{{dessert.calories}}</td> <td>{{dessert.fat}}</td> <td>{{dessert.carbs}}</td> <td>{{dessert.protein}}</td> </tr> </table> 我正在尝试类似的操作,但是不起作用(未显示箭头,未排序) <table matSort (matSortChange)="sortData($event)" matSortActive="name" matSortStart="asc" matSortDisableClear> 这是指向Plunker的链接


9
Angular2获取点击元素ID
我有这样的点击事件 <button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> 我在函数输入参数中捕获了该事件,并希望找出确切单击了什么按钮。 toggle(event) { } 但event没有id财产。 altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 clientY: 29 ctrlKey: false currentTarget: button#hdrbtn_notificaton.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--icon defaultPrevented: false detail: 1 eventPhase: 3 fromElement: null isTrusted: true isTrusted: true layerX: -566 layerY: 5 …
85 angular 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.