-
单元测试 – Angular2 / Jasmine期望为null使浏览器崩溃
所属栏目:[安全] 日期:2020-12-17 热度:63
我在测试我的一个组件时遇到了一些麻烦.测试如下: describe('SmpEventsNewCompactEventComponent',() = { const specService: SmpSpecService = new SmpSpecService(); describe('Component rendering',() = { let componentInstance: any; let componentFi[详细]
-
angular – 如何通过选择器访问DOM元素
所属栏目:[安全] 日期:2020-12-17 热度:152
在Angular2中有没有办法通过它的选择器来获取元素而不是在模板中而是在整个DOM中? 解决方法 当然,window.document.querySelector或window.document.querySelectorAll.[详细]
-
Angular 2使用* ngIf和布尔值隐藏和显示元素
所属栏目:[安全] 日期:2020-12-17 热度:106
我想通过使用位于另一个组件中的按钮来显示和隐藏元素. 所以我有一个仪表板,里面有一定数量的腔室和一个标题. 带有app-header和app-chamber的DashboardComponent的HTML: app-header/app-header div class="container" div class="row" app-chamber [kamers][详细]
-
angularjs – 将数据传递到Angular1应用程序中降级的Angular2组
所属栏目:[安全] 日期:2020-12-17 热度:150
我对Angular很新,所以如果这是一个明显的问题,请原谅我. 经过大量的试验和错误,我设法让我的新Angular2组件正确降级,以便它可以在我的Angular1.4应用程序中运行.该组件主要起作用.唯一的问题 – 它是一个很大的问题 – 该组件忽略了我在模板级别提供的所有输[详细]
-
触发valueChange with Initialized value – angular2
所属栏目:[安全] 日期:2020-12-17 热度:102
我正在写一个angular2应用程序而且我遇到了什么. 首先,我有一个绑定到formControl的select: export class MyComponent implements OnInit { profilesBy: Observableany[]; myControl = new FormControl(); constructor(public http: Http) { this.profilesB[详细]
-
PrimeNG DataTable自定义排序或过滤(Angular 2)
所属栏目:[安全] 日期:2020-12-17 热度:72
我在PrimeNg Datatable中排序/过滤日期列时遇到问题.我正在显示日期“dd / mm / yyyy”字符串. 如果使用模板显示“dd / mm / yyyy”,那么过滤器不能用作处理日期ISO格式的实际数据绑定的过滤器. 如果从后端将数据转换为字符串格式,则排序不正确,因为它在字符[详细]
-
如何在角度2中将一条路线导航到另一条路线
所属栏目:[安全] 日期:2020-12-17 热度:91
我制作了角度2的两个不同组件.我正在学习这个链接的路由 https://angular.io/docs/ts/latest/tutorial/toh-pt5.html 我制作了两个组件.在第一个组件中,我有一个按钮,我想移动到第二个组件 这是我的代码 https://plnkr.co/edit/GBOI9avZaPGaxaLQbtak 我定义这[详细]
-
angular – 在服务中注入组件的实例
所属栏目:[安全] 日期:2020-12-17 热度:70
对于任何好的反应,我试图将我的组件注入服务,但我获得了一个新的实例.我用这段代码重现了我的问题: 该组件将在h1中显示实例编号: @Component({ selector: 'my-component',template: 'h1Instance number {{count}}/h1'})export class MyComponent { private[详细]
-
Angular 2:使用函数生成路由链接/动态生成routerLink
所属栏目:[安全] 日期:2020-12-17 热度:191
我想动态创建一个路由链接. 我有html加载页面但是,我需要在URL中使用一个id,以后可用. HTML: a href="javascript:void(0)" routerLink="cartoonBoxUrl()" routerLinkActive="active"Add Content to Cartoon Box/a 此routelink中的链接包含卡通框的ID(/ cart[详细]
-
如何在Angular 2中使用Twilio Client?
所属栏目:[安全] 日期:2020-12-17 热度:79
我正在创建一个应用程序,我需要在其中实现Click To Call工具.所以对于沟通,我使用的是Twilio Client.我试过 this example. 现在我需要它,我需要在我的Angular 2应用程序中实现相同的功能.如何在我的Typescript中导入Twilio Client以及如何使用它? 我想在我[详细]
-
Angular 2:JQuery UI Datepicker不改变ngModel
所属栏目:[安全] 日期:2020-12-17 热度:110
我在我的angular 2应用程序中使用了 JQuery UI的datepicker,但它没有更新我的ngModel.我有一个名为SeasonStartDate的变量,我想更新到用户输入的任何日期.例如,当我在日期选择器中选择日期时,例如10月31日,我的输入将填充10/31/2016,正如我所料,但ngModel未成[详细]
-
如何正确地将document.addEventListener添加到Angular2?
所属栏目:[安全] 日期:2020-12-17 热度:107
我遇到了 cordova RemoteControl plugin,为了听取它的事件,需要注册addEventListener. //listen for the eventdocument.addEventListener("remote-event",function(event) {//do something}); 对我来说这是一个合适的方式吗? 解决方法 尝试以下步骤使用角度[详细]
-
在Angular2中使用three.js
所属栏目:[安全] 日期:2020-12-17 热度:166
我试图将three.js场景集成到一个有角度的2页.我是Angular 2和 javascript的初学者,我在script.html中包含了脚本标签中的three.js文件,即在scene.component.ts文件中我有这样的代码… //scene.component.tsimport { Component } from 'angular2/core';import[详细]
-
angularjs – Angular – UI.Router不加载组件
所属栏目:[安全] 日期:2020-12-17 热度:89
我无法让ui.router通过localhost或其他方式在index.html上加载组件: 的index.html script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"/script script src="//unpkg.com/angular-ui-router@0.3.1/r[详细]
-
Angular 2在动态添加组件时将数据传递给组件
所属栏目:[安全] 日期:2020-12-17 热度:145
我在点击按钮时动态添加了一个组件. 下面是我的小部件的代码.将color属性设置为输入的简单div. Widget.tmpl.html div class="{{color}}" (click)="ChangeColor()" 在Widget组件中,我将颜色作为输入.当我手动添加它时,此组件工作正常.但现在我正在尝试动态添[详细]
-
EventEmitter不在Angular 2中工作
所属栏目:[安全] 日期:2020-12-17 热度:93
我正在尝试从像 described here in the angular 2 docs这样的父组件中侦听子组件上的事件,但事件从未进入父组件. 我确信代码在发出事件的子代中贯穿此行: this.onResultsRecieved.emit(真); 以下是我所涉及的所有代码: 家长: 找到-page.component.ts impo[详细]
-
ngrx / effects switchMap不再适用于Angular2 RC5
所属栏目:[安全] 日期:2020-12-17 热度:152
我在Angular2应用程序中使用ngrx / effects,自RC5发布以来,我遇到了错误.这是我的代码: import { Injectable } from '@angular/core';import { Effect,Actions } from '@ngrx/effects';import { UserActions } from './user.actions';import { LoginService[详细]
-
包括离子2 /角2的公共标题栏
所属栏目:[安全] 日期:2020-12-17 热度:76
我有一个ionic-2标题栏,其中包含所有页面通用的主页或注销按钮和公司徽标.我如何编写一个通用函数(@Injectable()),这样就可以很容易地包含在所有页面中而不是重复代码. ion-header ion-navbar class="hide-border toolbar-btn-color" id="radio" button menu[详细]
-
angularjs – UI路由器:导航到抽象父状态时重定向到子状态
所属栏目:[安全] 日期:2020-12-17 热度:145
在我的音乐应用程序中,我对应用程序的顶级状态进行了重复操作以创建导航链接.其中一个名为library的顶级状态是抽象的,并且具有子状态(可以使用制表符导航).由于我使用的是ng-repeat,因此抽象状态具有ui-sref =“library”的指令.但是,不可能导航到这样的抽象[详细]
-
typescript – Angular2返回已经解决的承诺
所属栏目:[安全] 日期:2020-12-17 热度:109
我想创建并返回已经解决的(如果你愿意,假的)promise2中的Promise.在 angularjs中你会做类似的事情:return $q.defer().promise 我正在考虑做:返回新的Observable any .toPromise() 但是我不确定这是否是正确的方法. 解决方法 Promise.resolve('someValue');[详细]
-
typescript – 使用angular2 rc4将所有无效URL重定向到特定组件
所属栏目:[安全] 日期:2020-12-17 热度:193
我正在用“@ angular / router”编写一个angular2 rc4应用程序:“3.0.0-beta.2”. 现在我有两条路线,欢迎和帮助,我创建了另一条路线,将其他所有内容重新发送到欢迎组件. 这是我的routes.ts文件: import { provideRouter,RouterConfig } from "@angular/rou[详细]
-
在更新Angular2 rc3之后,无法绑定到’ngFormModel’,因为它不是
所属栏目:[安全] 日期:2020-12-17 热度:108
更新到rc3后,ngFormModel无法正常工作 我的HTML: form [ngFormModel]="form" select ngControl="syncTime" name="syncTime" [disabled]="!sync" class="form- control" /select/form 我的.ts constructor(private fb: FormBuilder) { this.form = this.fb.g[详细]
-
Angular2两个路由到一个组件?
所属栏目:[安全] 日期:2020-12-17 热度:107
在Angular 2中,我想定义两个使用相同Component的路由,但是一个路由是使用特殊预设参数的特殊情况.现在我想做的是他的: @RouteConfig([ { path: '/',name: 'Home',component: HomeComponent },{ path: '/user/:id',name: 'User',component: UserComponent },[详细]
-
typescript – Angular2 – 释放候选路由器不路由到子路由
所属栏目:[安全] 日期:2020-12-17 热度:54
我正在尝试创建一个简单的嵌套路由器.这种结构在beta版本中有效,但随着候选路由器的推出,我发现自己陷入困境. http://plnkr.co/edit/nn7KSJpqWuBpkxi1E6tJ 上面的plunkr是我的场景的一个人为的版本.尽管有 @Routes([ new Route({ path: '/applications/...',[详细]
-
AngularJS:单元测试控制器返回“TypeError:$scope.$watch不是
所属栏目:[安全] 日期:2020-12-17 热度:111
我想为控制器编写一个简单的测试 sets a variable of the scope to an ID calls a function that triggers an API call with the ID on the scope log the result describe('The app',() = { beforeEach(angular.mock.module('myModule')); var $controller;[详细]