-
Angular4 – 从组件而不是模板更改状态
所属栏目：[安全] 日期：2020-12-17 热度：119
在AngularJS中,我使用ui-router重定向我的应用程序内部(更改状态). 它有2个可能的重定向选项 在模板中ui-sref =’stateName’ 在控制器$state.go()中 我刚刚开始玩Angular(4),我发现只有这样才能改变模板中的路径： 模板routerLink =“routePath” 是否存在[详细]
-
ElementRef上的Angular2 getElementsByClassName
所属栏目：[安全] 日期：2020-12-17 热度：53
我的组件中有以下构造函数： constructor (private el: ElementRef) {this.el = el.nativeElement} 然后在我的ngOnInit中： ngOnInit() { let foos = this.el.getElementsByClassName('foo')} 触发器：TS2339：属性’getElementsByClassName’在’ElementRef[详细]
-
如何在angular2中将HTML转换为pdf？
所属栏目：[安全] 日期：2020-12-17 热度：94
我需要将动态生成的html表转换为pdf并且能够打印它.我需要在angular2和Typescript中完成它. 解决方法 JSPDF适用于角度2.您需要从dt~下载定义. 将库导入为： import * as jsPDF from "jspdf";...let doc = new jsPDF();// Add a title to your PDFdoc.setFont[详细]
-
在哪些情况下需要使用带有Typescript的AngularJS工厂？
所属栏目：[安全] 日期：2020-12-17 热度：172
我有一个使用AngularJS和TypeScript的应用程序 我想知道是否应该使用AngularJS工厂而不是TypeScript Static Class 解决方法 ES6 / TypeScript类没有任何变化.它们只是 JavaScript构造函数的语法糖. 通过消除过程可以找出工厂服务的良好用例. 由于服务服务更[详细]
-
Angular2材质md-icon尺寸
所属栏目：[安全] 日期：2020-12-17 热度：125
如何使图标大小与angular2中字体的相对大小一起使用？ div style="font-size: 3em;"md-iconhighlight/md-iconTitle/div 解决方法 在CSS文件中,您可以通过修改字体大小,高度和宽度来修改md-icon大小.例如： md-icon.size-45 { font-size: 45px; height: 45px;[详细]
-
Angular2将json observable返回类型定义为接口或类模型
所属栏目：[安全] 日期：2020-12-17 热度：148
我希望将我的json api响应水合成一个类或基于一个接口,所以我总是知道我有什么属性. 我有以下 JSON： { "users": [ { "id": "bd3d70fd-03f7-4f5e-9ac1-4cb7221e352d","username": "caroga","username_canonical": "caroga","email": "caroga@caroga.net","em[详细]
-
angular – 在使用ngrx时完成调度后执行代码
所属栏目：[安全] 日期：2020-12-17 热度：115
在我的示例Angular 2应用程序中,我使用ngrx / store和ngrx / effects进行状态管理. 下面是组件中添加新项目的功能之一. addAuthor() { this.store.dispatch(addAuthorAction(this.fg.value)); console.log('2') } 在上面的代码“this.store.dispatch(addAuth[详细]
-
angular – routerLink语法定位多个路由器出口(主要辅助)
所属栏目：[安全] 日期：2020-12-17 热度：199
有谁知道为什么链接#1和#2工作但链接#3不工作？ a [routerLink]="['/contact']"Contact Solo/a |a [routerLink]="[{ outlets: { aux: 'aside' }}]"Aux Solo/a |a [routerLink]="['/contact',{ outlets: { aux: 'aside' }}]"Contact + Aux/arouter-outlet/rou[详细]
-
棱角分明 – 儿童看守：canActivateChild无法正常工作
所属栏目：[安全] 日期：2020-12-17 热度：168
我试图像角度doc一样建立一个儿童看守： @Injectable()export class AuthGuardService implements CanActivate,CanActivateChild { constructor(private authService: AuthentificationService,private router: Router) {} canActivate(route: ActivatedRout[详细]
-
角度材质2.单击时将主题从亮到暗切换
所属栏目：[安全] 日期：2020-12-17 热度：184
所以我有一个Angular 2 Material应用程序. 而我想做的只是通过点击简单的按钮切换/切换主题从黑暗到光明. 我该怎么做 ？ 解决方法 在您的菜单中： app.component.html： div [class.dark-theme]="isDarkTheme" !--Your application content here-- md-menu #[详细]
-
如何取消订阅Angular2中的Firebase列表？
所属栏目：[安全] 日期：2020-12-17 热度：77
我正在使用连接到Firebase列表 tasks: FirebaseListObservableITask[];constructor(private af: AngularFire) { this.tasks = this.af.database.list("/tasks");} 现在我想在用户注销时取消该连接. 我已经尝试过this.tasks.unsubscribe(),但看起来这个方法是[详细]
-
angular2 ng2-bootstrap折叠动画解决方法
所属栏目：[安全] 日期：2020-12-17 热度：67
我知道目前ng2-bootstrap中的动画代码由于angular2的指令动画支持不可用而被注释掉的问题. 因此,我在组件中使用angular2的animate创建了一个变通方法. animations: [ trigger('slideMenu',[ state('true',style({ height: '0px' })),state('false',style({ h[详细]
-
从app.module.ts文件中的’angular’导入*为角度
所属栏目：[安全] 日期：2020-12-17 热度：72
我已经使用angular2(升级选项)将angular1 app升级为bootstrap,但在使用systemJS config导入angular后： map: {... 'angular': 'npm:angular/angular.js' ... } 浏览器发送错误： systemjs.import error: Error: (SystemJS) angular.module is not a function[详细]
-
angular – takeLast似乎杀死了可观察的流
所属栏目：[安全] 日期：2020-12-17 热度：140
我正在尝试设置一个可观察的流,我将最近的设置值与最后一个设置值进行比较,我想根据两者之间的一些变化进行过滤.我在服务中设置了一个BehaviorSubject(Angular 2,如果这很重要)并创建了函数来返回它： getFilters() { return this.filtersSubject.asObservab[详细]
-
有一些方法可以在角度2中禁用一组输入？
所属栏目：[安全] 日期：2020-12-17 热度：117
我在md-card中有一些输入. 有一种方法可以做： md-card-content [disabled]="phone._id 相反,每一个？ 坦克. 解决方法 是的,您可以创建 fieldset与其他元素(如 form)不同,它接受[禁用]属性. 需要一起禁用的所有这些字段必须放在其中,就像在以下示例中一样：[详细]
-
angular – 如何在导航时跳过浏览器历史记录中的页面？
所属栏目：[安全] 日期：2020-12-17 热度：167
我有一个与路由器的Angular 2应用程序.假设用户在应用程序的页面A上,然后导航到页面B然后导航到页面C.此时,当他单击浏览器上的“返回”按钮时,我希望他返回页面A(通过跳过B).我怎样才能实现它？ 解决方法 当从B导航到C时,必须设置{replaceUrl：true}： this.[详细]
-
Angular 2：如何强制注射成为应用程序中的单例
所属栏目：[安全] 日期：2020-12-17 热度：187
我的应用程序中有一个@Injectable服务,它作为AppModule中的提供程序添加.我想确保我的开发团队中没有人在任何其他模块中注入它.单个实例就足够了,它有一些复杂的逻辑,我不想运行两次.有任何想法吗？ 我知道DI在角度2中是如何工作的,所以像’确保它仅作为提供[详细]
-
数据绑定在angular2中不起作用
所属栏目：[安全] 日期：2020-12-17 热度：161
@Component({ selector: 'my-content',templateUrl: `./app/content/content.components.html` }) export class ContentComponent { _clickLectre: any; _temoobj:any; private subscription: Subscription; constructor(private commonService: CommonServi[详细]
-
Angular 2：如何在解决问题上获得参数
所属栏目：[安全] 日期：2020-12-17 热度：89
Routs策略： export const routes = [{ path : 'rto-activation/:id',component : RtoActivationComponent,resolve : { 'singleRto': SingleRtoResolve },children : [ {path: 'start',component: ActivationStartComponent},{path: 'warning',component: Wa[详细]
-
Angular2 – bootstrap属性vs方法
所属栏目：[安全] 日期：2020-12-17 热度：169
我对Angular2完全不熟悉(没有以前的版本经验) – 有人会如此善意地解释引导程序作为NgModule属性与bootstrap作为方法之间的区别吗？ 例如,在Angular2 Tour of Heroes教程中,app.module.ts包括以下内容： @NgModule({ imports: [ BrowserModule,FormsModule,A[详细]
-
AngularJS：错误：$q未定义
所属栏目：[安全] 日期：2020-12-17 热度：154
我想在我的 angularjs控制器中做出承诺.我从 Angularjs Doc中取了示例并将其粘贴在我的控制器中.当我尝试运行代码时,控制台会打印： Error: $q is not defined 为什么会发生此错误,如何解决？ 我试图谷歌这个问题,但大多数问题都围绕着比我更具体的问题. 一[详细]
-
angular 2 ViewChild不起作用
所属栏目：[安全] 日期：2020-12-17 热度：175
我无法理解为什么当相同的确切代码在textarea元素上工作时ViewChild返回null,但它不适用于div 模板： div #refId class = 'line_counter' {{lineNumber}}/div 零件： import {Component,OnInit,Input,ElementRef,ViewChild} from '@angular/core';import {Gl[详细]
-
Angular&RX：改进了订阅收集
所属栏目：[安全] 日期：2020-12-17 热度：126
更新 找到解决方案后,我根据接受的答案写了一个小帮手ng2-rx-collector,使其更容易使用.希望它可以帮助一个人一次又一次地面对同样的问题. 原始问题 假设我们在hot observables上有一个包含两个订阅的组件.我们在ngOnInit中订阅它们并在ngOnDestroy中取消订[详细]
-
Angular 2 –aot导致AnimationEntryMetadata失败
所属栏目：[安全] 日期：2020-12-17 热度：88
我的代码适用于ng build和ng build –prod howerver,当我添加–aot到命令时,它失败并出现以下错误： 未捕获的错误：模块构建失败：错误：C：/Users/dremache/Code/control-f2/client/src/app/transitions.ts(11,14)：导出的变量’pageTransitions’已经或正[详细]
-
angular – 调整ng2图表的宽度和高度
所属栏目：[安全] 日期：2020-12-17 热度：87
如何使用ng2-charts设置图表的宽度和高度？我正在制作条形图,就像ng2-charts网站上的演示一样. public doughnutChartLabels:string[] = ['EMI','Car','Food','Fuel'];data:number[] = [3350,5450,4100,1000]; public doughnutChartType:string = 'doughnut';[详细]
