-
angular – 如何从MatSnackBarConfig获取数据属性
所属栏目:[安全] 日期:2020-12-17 热度:129
我在 documentation中读过,MatSnackBarConfig对象可以有一个表示的数据属性 Data being injected into the child component. 所以我想我可以在通过openFromComponent方法打开的自定义零食栏中使用这些数据.问题是我可以这样做吗?如果是,那我该怎么做? 在文[详细]
-
angular – 如何在textarea上使用[(ngModel)]绑定时避免Expressi
所属栏目:[安全] 日期:2020-12-17 热度:58
我创建了一个组件,表示用于修改对象详细信息的表单.该对象存在于app.component.ts中: export class AppComponent { selectedItem: Item;} 它通过双向绑定传递到app.component.html中的组件,如下所示: item-details [(item)]="selectedItem"/item-details[详细]
-
angular – “ActivatedRoute”类型中不存在属性“导航”
所属栏目:[安全] 日期:2020-12-17 热度:186
我正试图通过配置文件组件(前一个组件)导航到listProfiles组件.我正在使用ActivatedRoute并试图通过this.router.navigate([‘/ listProfiles])导航到它 组件中应该导航到listProfile组件的代码 import {ActivatedRoute,Router} from '@angular/router';const[详细]
-
在Angular中实现ControlValueAccessor时,为什么需要在writeValue
所属栏目:[安全] 日期:2020-12-17 热度:75
我已经实现了以下组件.它的工作和行为符合预期.然而,由于ControlValueAccessor的实现对我来说是新的,我不得不在 follow a blog而不了解几个部分的更深层细节.所以这是一种“它有效,但为什么?[详细]
-
单击角度2时访问复选框值
所属栏目:[安全] 日期:2020-12-17 热度:103
我有这个复选框,我想看看它是否通过ngModel绑定检查. 当我调用console.log(activeCheckbox)时;我可以在控制台中看到ngmodel及其value属性设置为true. 但是当我调用console.log(activeCheckbox.value)时;之后或单独,价值是不确定的? 有人知道这里发生了什么[详细]
-
组件订阅不会看到具有Subject Observable调用next()的Angular Se
所属栏目:[安全] 日期:2020-12-17 热度:194
我想从Angular Service中检索更新的对象值(借用者).我在服务中创建了一个RxJS主题,以便多个组件可以订阅它并获取更新的值. 当我通过组件中提供的服务订阅Subject时,我发现即使从BorrowerService调用.next(),也永远不会调用onNext()函数参数. 如果我在Borrowe[详细]
-
Angular / Typescript – 由于模块定义,无法转换导入的’* .json
所属栏目:[安全] 日期:2020-12-17 热度:129
在我的Angular / Typescript2.2项目中,出于开发目的,我不时导入* .json文件作为我的组件中的测试数据. 为了允许将.json文件作为模块导入,我将以下内容添加到typings.d.ts中 declare module '*.json' { const value: any; export default value;} 当然,我可以[详细]
-
angular – 获取错误“没有AlertIconAndTypesService的提供者!
所属栏目:[安全] 日期:2020-12-17 热度:69
我正在使用带有角度4代码的清晰度模块. 使用他们的 alert box示例时,我收到上述错误 示例代码 div class="alert alert-info" div class="alert-items" div class="alert-item" div class="alert-icon-wrapper" clr-icon class="alert-icon" shape="info-circ[详细]
-
几分钟后在Angular 2中自动注销
所属栏目:[安全] 日期:2020-12-17 热度:75
我想实现一个功能(在Angular2中),即登录后,如果用户让浏览器闲置30分钟,他应该在30分钟后回来时退出.这必须由前端完成. 我正在使用Angular 2.4版的角度CLI 如何在Angular2应用程序中实现此功能? 解决方法 我需要做类似的事情,并创建了这个: https://github[详细]
-
angularjs – 与postLink相当的Angular 2生命周期是什么?
所属栏目:[安全] 日期:2020-12-17 热度:180
我目前正在从Angular.JS(1.5)升级到Angular 2.我在IComponentController中遇到了$postLink方法,我试图弄清楚Angular 2中等效的生命周期钩子是什么. 解决方法 您很可能正在寻找ngAfterViewInit,它在组件及其所有子组件初始化之后触发. 当然,这取决于您的特定[详细]
-
Angular HttpClient – 在等待服务响应时显示微调器/进度指示器
所属栏目:[安全] 日期:2020-12-17 热度:151
我正在切换我的服务调用以使用新的HttpClient.我正在努力做三件事 弄清楚如何在等待时显示微调器/进度条/等 对于来自帖子的回复,获取,放置. 假反应迟钝 是否可以使用新的进度事件来触发此类功能? application.component.ts this.applicationFormService.put[详细]
-
如何从Angular 2中的指令追加动态DOM元素?
所属栏目:[安全] 日期:2020-12-17 热度:190
我有一个附加元素的Angular 1.x指令.简而言之: app.directive('mydirective',function() { template: 'ng-transclude/ng-transclude',link: function(el) { var child = angular.element("div/"); el.append(child); } 我可以将此指令迁移到Angular 2,如下[详细]
-
Angular 4 – 从子组件调用父方法不起作用
所属栏目:[安全] 日期:2020-12-17 热度:181
我的所有事件发射器都正常工作,除了一个. child.ts: @Component({ ... outputs: ['fileUploaded'] })export class childComponent implements OnInit { ... fileUploaded = new EventEmitterboolean(); ... randomMethod(){ ... this.fileUploaded.emit(tru[详细]
-
如何将快速添加到角度启动器?
所属栏目:[安全] 日期:2020-12-17 热度:195
我一直在使用webpack-dev-server从这里开发我的angular2应用程序和webpack: https://github.com/AngularClass/angular-starter 我想用express来运行应用程序,我能到达那里最简单的方法是什么?我已经安装了npm快递. 解决方法 这是Express应用程序的演示文件[详细]
-
使用多个模块/文件的Login页面和主视图(带嵌套视图)的Angular.io
所属栏目:[安全] 日期:2020-12-17 热度:80
使用Angular 4的路由和我的功能的单独文件/模块,我试图让我的应用程序始终首先显示登录屏幕,然后在用户登录后切换到我的主视图(所有路由都通过身份验证保护,除了登录一个). 我在Plunker中创建了一个测试应用程序,在应用程序中有关于我需要的功能的注释,而不[详细]
-
角度2 – 将焦点设置为元素
所属栏目:[安全] 日期:2020-12-17 热度:99
我有一个异步/ http调用,并且如果异步调用导致错误,则希望将焦点设置为模板中的错误元素. 一种方法是注入ElementRef,然后使用JQuery访问元素并调用focus()方法. class MyComponent { constructor(private element: ElementRef) {} doAsync() { // do somethi[详细]
-
EventSource在Angular 4中不起作用
所属栏目:[安全] 日期:2020-12-17 热度:114
我是Angular 4的新手,我正在尝试创建一个EventSource来订阅和接收事件.我从以下代码开始: import { Injectable} from '@angular/core';import { Http } from '@angular/http';@Injectable()export class MyService implements OnInit { constructor(private[详细]
-
Angular应用程序中的空注释
所属栏目:[安全] 日期:2020-12-17 热度:158
是否有任何配置设置可以删除这些空注释和空格? 我的构建命令是ng build –environment prod –progress false –target production和tsconfig是: { "compileOnSave": false,"compilerOptions": { "alwaysStrict": true,"baseUrl": "/","emitDecoratorMetad[详细]
-
Angular – 组件不同的模板
所属栏目:[安全] 日期:2020-12-17 热度:176
我有一个组件“课程”.我将此组件用于列表.此列表有时是水平的,有些时候是垂直的.我可以在组件内部选择dynamicaly模板文件吗? @Component({ selector: 'course',templateUrl: getTemplateFile()}) 这样的东西将是很棒的功能! 解决方法 我认为本教程非常有[详细]
-
angular – 使用Auth0 spa快速入门时出错
所属栏目:[安全] 日期:2020-12-17 热度:174
我目前正在开发一个Angular 2 Web应用程序,它将使用Auth0进行用户身份验证. 我在Auth0网站上关注了quickstart,但是我收到错误无法在新的AuthService(auth.service.ts:9)中读取未定义的属性’WebAuth’,即使声明了AuthService. 我错过了什么吗?很感谢任何形[详细]
-
angular – 为什么(ngModel)不起作用?
所属栏目:[安全] 日期:2020-12-17 热度:145
我已经运行了示例应用程序来学习角度2.在我的示例应用程序[(ngModel)]中不起作用.但是当我删除方括号(ngModel)时,屏幕正在加载,但双向绑定不起作用. 我应该做什么让[(ngModel)]工作. 解决方法 您的代码可能缺少模块中的导入行: import { FormsModule } from[详细]
-
angular – 以编程方式打开PrimeNG日历
所属栏目:[安全] 日期:2020-12-17 热度:191
我正在使用带有Angular 4的PrimeNG组件但是我遇到了一个问题 – 那就是当我点击我的按钮时如何显示日历? 见Plunker @Component({selector: 'my-app',template: ` div h2Hello {{name}}/h2 button pButton type="button" (click)="openCalendar($event)" lab[详细]
-
Angular4- on change选择框返回错误的值
所属栏目:[安全] 日期:2020-12-17 热度:77
我想为新的选择做点什么,但是我在onChange()中得到的东西总是最后选择.如何在没有前缀和连字符的情况下获得正确的值? 继续教育,form.component.html select class="form-control custom-select" name="course_id" id="course_id" formControlName="course_i[详细]
-
angular – #var =“ngModel”的含义
所属栏目:[安全] 日期:2020-12-17 热度:182
我正在创建login.component.html,在此期间我创建一个输入字段,然后将其绑定到我的login.component.ts中找到的电子邮件变量.最初我写的是: input type="text" placeholder="Enter Email" id="email" [(ngModel)] = "email" name = "email" required #email="[详细]
-
angular – 如何在量角器中禁用动画?
所属栏目:[安全] 日期:2020-12-17 热度:63
我在谷歌上找到了一些答案,但它们似乎并不适用于我的项目. 一些答案谈到将一些代码添加到他们的conf.js文件的onPrepare()函数中,但我的项目中没有该文件.我有一个名为protractor.config.js的文件,它默认位于角度快速入门项目中.无论如何,这个配置文件也有一[详细]