-
Angular – 跨多个模块使用组件
所属栏目:[安全] 日期:2020-12-17 热度:166
我在用什么 角度 我想做什么 我有一个我想在多个模块中重用的加载组件 我做了什么 我创建了一个名为’loading-overlay’的新模块 在此模块中,我导出叠加组件 我将此模块添加到app.module 将组件添加到多个模块时,我收到以下错误: Type LoadingOverlayCompon[详细]
-
Angular 4动态表单组
所属栏目:[安全] 日期:2020-12-17 热度:70
我正在尝试创建一个动态表单组,我试图实现这一目标 在添加更多单击添加2动态字段 我调用这个函数: onAddSurgeries(){ const control = new FormGroup({ 'surgery': new FormControl(null),'illness': new FormControl(null) }); (FormArraythis.form.get('s[详细]
-
角度 – 单元测试:即使添加到“提供者”,也不提供“Interceptab
所属栏目:[安全] 日期:2020-12-17 热度:138
我正在Angular应用程序中进行单元测试,我正在使用TestBed方法, 我正在测试组件,所以每个spec文件都是这样的 import...describe('AppComponent',() = {// Importing dependecies beforeEach(async(() = { TestBed.configureTestingModule({ imports : [Router[详细]
-
角度材料2具有ng值访问器的自定义组件
所属栏目:[安全] 日期:2020-12-17 热度:188
我正在开发角度4.4材料beta12自定义组件,但无法弄清楚我的实现中出了什么问题 我正在尝试实现以下自定义输入 任务: 设置值为formControl,一旦我从服务器获取数据(data.productTeam是数据 – 可以在代码中看到) 在编辑时,应使用值更新formcontrol(例如:P12D[详细]
-
angular – 对子路由的RouterLinkActive都是false
所属栏目:[安全] 日期:2020-12-17 热度:63
我有以下儿童路线: { path: '',component: LoginSingupComponent,children: [ { path: 'login',component: LoginComponent },{ path: 'singup',component: SingupComponent },]}, 导航到/ login或/ singup工作正常(加载了正确的组件). 这是LoginSingupCompo[详细]
-
在Angular中使用多个共享模块
所属栏目:[安全] 日期:2020-12-17 热度:91
有谁知道在Angular应用程序中使用多个共享模块是否有任何意义? 我怀疑的是,如果我将所有管道,指令和通用组件放在一个大的共享模块中,然后在延迟加载的模块中导入它(我只使用一个或两个导入的功能),它可能会导致输出文件中未使用的代码重复. 然后,如果我在几[详细]
-
angular – 是否可以在Typescript中按值“过滤”Map?
所属栏目:[安全] 日期:2020-12-17 热度:147
我正在寻找一种通过值而不是键来过滤地图的方法.我有一个在我的Angular应用程序中建模如下的数据集: { "85d55e6b-f4bf-47bb-a988-78fdb9650ef0": { is_deleted: false,public_email: "007@example.org",id: "85d55e6b-f4bf-47bb-a988-78fdb9650ef0",modifie[详细]
-
Angular 4,获取路由数据而不实际路由
所属栏目:[安全] 日期:2020-12-17 热度:77
我可以调用Angular 4中的某些内容,在哪里传入字符串或路由令牌数组并获取该路由的静态路由数据? 例如: const targetRoute = '/test/route'const routeData = {{something}}.getRouteData(targetRoute)// { routeDataValue: 'something' } etc... 我正在寻[详细]
-
angular – 如何在运行ng测试时解决test.ts?
所属栏目:[安全] 日期:2020-12-17 热度:61
我正在使用Angular CLI,当我运行测试时,它开始启动浏览器,然后我突然收到一个错误: userName@UserName:~/devApp/profiles$ng test10% building modules 1/1 modules 0 active18 09 2017 16:16:51.891:WARN [karma]: No captured browser,open http://localh[详细]
-
Angular 4同时激活父组件和子组件
所属栏目:[安全] 日期:2020-12-17 热度:80
我写了一些插图来说明我的问题: LINK 我需要为父组件设置动画,同时我想在子组件中制作一些动画.看起来angular是阻止子组件上的动画,然后简单地在父动画结束后跳转状态而没有任何转换. 是否有任何方法可以使动画并行工作,或至少链接而不使用回调? @Componen[详细]
-
带有延迟加载模块的Angular Router Breadcrumbs
所属栏目:[安全] 日期:2020-12-17 热度:114
我正在使用Angular路由器动态添加面包屑.我已经按照几个例子让他们成功地工作了. 但是,如果我尝试合并一个延迟加载的模块,我会收到错误: Root segment cannot have matrix parameters 我已经研究过这个问题,但未能找到令人满意的信息/解决方案. 我创建了一[详细]
-
Angular EventEmitter与通过服务进行通信
所属栏目:[安全] 日期:2020-12-17 热度:51
让我们假设我们有一个深层嵌套架构,其中包含一个主要组件和3个子组件.例如: todo-todo list-todo list action bar-todo list button 还有其他组件. 当我们使用EventEmitter时,我们必须将所有层都放到todo组件中. 替代方案是使具有可观察的通信服务从按钮组[详细]
-
forms – 在Angular中使用ControlValueAccessor继承验证
所属栏目:[安全] 日期:2020-12-17 热度:82
我有一个自定义表单控件组件(它是一个美化的输入).它作为自定义组件的原因是为了便于UI更改 – 即,如果我们从根本上改变我们对输入控件进行样式设置的方式,则很容易在整个应用程序中传播更改. 目前我们在Angular https://material.angular.io中使用Material[详细]
-
angular – Ng-bootstrap不渲染
所属栏目:[安全] 日期:2020-12-17 热度:161
我试图像这样呈现一个模态: HTML div class="btn-holder" a (click)="this.open()" class="btn btn-success text-uppercase"Edit My Profile/a /div 模块: imports: [BrowserModule,HttpModule,RouterModule.forRoot(appRoutes),NgbModule.forRoot(),EditP[详细]
-
angular – 在没有延迟加载的情况下路由到子路由模块
所属栏目:[安全] 日期:2020-12-17 热度:190
我想拥有多个路由模块,以保持我的应用程序清洁和易于阅读.我目前使用延迟加载SubComponent,但我不想这样做.所以我正在寻找一种方法来改变它.无论如何,这是目前正在运行的代码. 我有以下两个路由文件. APP-routing.module.ts: import { NgModule } from '@an[详细]
-
服务中的Angular 4数据,传递给组件
所属栏目:[安全] 日期:2020-12-17 热度:121
在服务中有一些数据,并且当我在服务中的对象中有数据时工作正常,但现在我已连接数据库连接,数据永远不会进入组件. 我希望服务订阅从数据库返回的数据,并定义了这样的调用: public setPerson(ac: string): void{ console.log(ac); this.generatePerson(ac).s[详细]
-
动态安装角度2指令
所属栏目:[安全] 日期:2020-12-17 热度:165
参见英文答案 How to instantiate and apply directives programmatically?????????????????????????????????????1个 上下文 我有一个简单的指令,根据接收的属性为给定的HTML元素添加一些属性. button class="btn btn-blue x-large" [myDirective]="{ some_j[详细]
-
Angular2 @Input和生命周期钩子
所属栏目:[安全] 日期:2020-12-17 热度:174
我有以下组件: export class AddressListComponent implements AfterViewInit{ @Input() districts: District[] = []; constructor() { } ngAfterViewInit() { console.log(this.districts); } } 所以它控制台将区域记录为空数组,但我将其作为输入非空数组[详细]
-
Angular 2将父组件中的数据传递给子组件
所属栏目:[安全] 日期:2020-12-17 热度:62
我使用输入绑定将产品从父组件传递到子组件,它在第一次调用子组件时工作.我希望每次在父级中修改时,对filterProduct()中的产品的更改都会反映在子级中,但这种情况不会发生.我该如何实现这一目标. 父模板: div class="container-fluid"div class="col-sm-9"[详细]
-
angularjs – Angular HTML5Mode – 重写规则
所属栏目:[安全] 日期:2020-12-17 热度:125
当我刷新网站上的标签时,我遇到了路径问题: 我从github复制了这个重写规则: rule name="Main Rule" stopProcessing="true" match url=".*" / conditions logicalGrouping="MatchAll" add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" / a[详细]
-
angular – Karma以什么顺序运行测试?
所属栏目:[安全] 日期:2020-12-17 热度:131
我正在通过jenkins进行卡玛测试. 通常,当测试失败时,它会显示测试名称和测试编号,但在某些情况下,它只显示测试编号. Karma是否按特定顺序运行测试?按字母顺序排列? 下面是jenkins上我的控制台输出的屏幕截图. 解决方法 确定测试运行顺序的不是Karma本身.主[详细]
-
angular2材质2 Datepicker – 输出日期格式
所属栏目:[安全] 日期:2020-12-17 热度:180
我在angular4项目中使用了 https://material.angular.io/components/component/datepicker.如何在输入框中用“2017年5月29日”等短格式格式化所选日期.目前显示为2017年5月29日 示例代码: md-input-container input mdInput readonly="true" [mdDatepicker][详细]
-
在Angular4和Material2中提交表单
所属栏目:[安全] 日期:2020-12-17 热度:162
我尝试使用Angular 4.0.0和Material 2构建我的第一个登录表单.但是Form不提交并触发该函数. form #UserLogin="ngForm" *ngIf="active" (ngSubmit)="onSubmit(UserLogin.value)"md-input-container input mdInput [(ngModel)]="data.email" ngControl="email"[详细]
-
没有AuthHttp的提供者! Angular2-Jwt提供商问题
所属栏目:[安全] 日期:2020-12-17 热度:127
至少我以为我提供的正确.以下是我的app.module文件的相关片段以及我使用AuthHttp的服务.我按照自述文件中的配置创建了提供AuthHttp的工厂方法,但是在我的服务中无法识别它存在持续存在的问题.我已经阅读了有关嵌套依赖注入的文献,我觉得我正在做正确的事情.[详细]
-
Angular 2验证器未按预期工作
所属栏目:[安全] 日期:2020-12-17 热度:83
我有这个验证器: export const PasswordsEqualValidator = (): ValidatorFn = { return (group: FormGroup): Observable{[key: string]: boolean} = { const passwordCtrl: FormControl = FormControlgroup.controls.password; const passwordAgainCtrl: Fo[详细]