-
0 votesanswersviews
在Angular 2中,组件视图如何通过服务进行更新
我是Angular2的新手,我正在努力通过服务获取组件视图以进行更新 . 我想在我的应用程序中使用两种不同的页面类一个显示带有小徽标的 Headers ,另一个显示 Headers 并且具有更大的徽标 . 我在根应用程序组件下直接有一个app-header组件 . app-header组件检查服务中的数组,并使用* ngIf来更改它显示的内容 . 我附加了路由更改,因此它检查Navigation... -
-1 votesanswersviews
以角度2路由到网址
嗨,我是角度2的新手,所以请耐心等待 . 情况:我想要做的是我想从登录页面导航到主页 . 主页将完全是一个新页面(它将作为主页面的ant登录页面而不是) . 但是当我尝试路由到家时发生了什么,它给我一个错误消息:'找不到主要插座加载'HomeComponent'' . 我正在努力解决这个问题 这是我的app.module.ts文件 import { BrowserModule } from '@a... -
0 votesanswersviews
Angular2:提供父组件的当前路由
首先:我现在构建的应用程序是一个Angular2(RC3)(使用@ angular / routerv3.0.0-alpha.8模块) . 此应用程序包含一个父组件,包括不同的 Headers 组件,应根据当前路由选择 . 简而言之: route: localhost:4200/login => display login header component, route: localhost... -
0 votesanswersviews
Angular 2:在子组件中路由数据解析
我有一个组件,使用路由器级别的解析器在成功的数据解析时加载(路由) . 从服务器检索的数据将传递给子组件 . 数据被解析并相应地传递,但子组件抛出错误 尝试从undefined访问 . 场景: 父组件HTML: <parent> <child [_data]="dataFromResolver"></child> </par... -
1 votesanswersviews
从另一个组件导入组件
我正在尝试从父组件调用子组件的函数 . 据我了解,最好的方法是使用ViewChild . 我理解这一切的逻辑,但由于某种原因,我不能将子组件导入父组件,它给我错误: Cannot find module '../claim-header/claim-header.component'. 这是我父组件中的导入部分:(声明) import { ClaimHeaderComponent } from '... -
1 votesanswersviews
如何加载创建登录页面
我为Angular2应用程序的主要组件创建了以下模板: <header> <topbar></topbar> </header> <div class="middle"> <sidebar></sidebar> <main> <rout... -
0 votesanswersviews
如何在新标签页中打开Angular组件?
我有大量的数据要显示在屏幕上 . 我需要提供一个简化列表,以便用户可以选择其中一个项目并查看其详细信息 . 所以假设我有一个组件SimpleListComponent,它将保存数据并呈现简化视图 export class SimpleListComponent{ @Input() data: any[]; } HTML <ul> <li *ngFor="... -
1 votesanswersviews
如何在Angular 2中动态嵌套/嵌入组件模板
Plunkr链接到我正在尝试做的事情 - > https://plnkr.co/edit/mC8jGYROlpqFpnjTCQKr?p=preview 我的目标是能够将工具菜单中的某些内容拖到舞台上 . 在“丢弃”时,所选项目应嵌套在舞台中 . 我在博客上搜索了文档 . 我已经看到“CreateEmbeddedView”看起来像我应该使用的 . 根据Angular2文档,以下是我正在寻找的:... -
0 votesanswersviews
angular custom routerLink指令
我正在尝试创建自己的指令(或组件),它将在内部使用默认的角度 [routerLink] . 想法是 [myRouterDirective] 这将做一些魔术并获得参数填充默认角度 [routerLink] . 我尝试了几种方法,但我遇到了所有问题: 理想的解决方案是如果angular指令可以应用其他指令 . 这不起作用AFAIK :( 另一种方法是创建可以使用angularJS rep... -
1 votesanswersviews
在Angular 2中收听事件
我觉得这应该很容易,但我无法让它发挥作用 . 我正在使用screenfull,它包含在我用来使浏览器全屏的主题中 . 我试图挂钩到fullscreenchange事件,以便在全屏模式下执行操作 . 文档清楚地说明了以下示例: document.addEventListener(screenfull.raw.fullscreenchange, () => { console.log('... -
2 votesanswersviews
无法在Angular2中的父组件中使用子组件
我正在尝试使用主组件内部的子组件,app.component使用主组件模板内的选择器 . 但它不起作用 . child.component.ts import { Component} from '@angular/core'; @Component({ selector: 'child-component', templateUrl: `<p>Child Component</... -
4 votesanswersviews
Angular2模板表达式在更改检测时为每个组件调用两次
很标准的情况 . 有一个父组件 <item-list> . 在其模板内部 *ngFor 生成了20个子组件 <item-block> . 使用 [ngStyle] 指令设置的子组件样式和调用函数 setStyles() 的模板表达式 . 问题(或可能不是)是当在一个特定子元素上发出任何事件时,表达式 setStyles() 为每个子组件执行两次 . 因此,如果我们点击示... -
93 votesanswersviews
如何在angular2中调用另一个组件函数
我有两个组件如下,我想从另一个组件调用一个函数 . 这两个组件都包含在第三个父组件using指令中 . 第1部分: @component( selector:'com1' ) export class com1{ function1(){...} } 第2部分: @component( selector:'com2' ) export class com2{ function2(){... //... -
4 votesanswersviews
Angular2 - 将AppComponent的活动实例注入到子组件中
我的应用程序子组件需要出于各种原因访问AppComponent的活动实例,所以我尝试使用下面的方法将AppComponent引用到ChildComponents中,它可以正常工作,但它不会注入AppComponent的活动实例,而是在所有实例中获取AppComponent的新实例我的子组件 . 那么如何解决这个问题 . 在GIT中发布消息来源 https://github.com/jeevaeng... -
-3 votesanswersviews
如何在Angular中点击按钮添加组件?
我是Angular的初学者,面临着一个发展问题 . 在我的应用程序中显示客户在网格和点击行中的数据,此行下的div将展开,客户相关的详细数据将显示在该div中 . 我想在点击时点击数据库,然后数据将绑定到模板,然后该HTML将在单击的行下注入 . 我不知道该怎么做 . 请建议 . 谢谢 -
198 votesanswersviews
Angular - 组件中module.id的含义是什么?
在Angular应用程序中,我看到 @Component 具有属性 moduleId . 这是什么意思? 当 module.id 没有在任何地方定义时,该应用程序仍然有效 . 它怎么还能运作? @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', style... -
6 votesanswersviews
Angular 2使用组件属性动态设置routerLink
我创建了一个组件,其中包含一个带有routerLink属性的元素,我想从使用该组件的模板中设置该属性 . 当我尝试这样做时,我收到错误消息'无法读取属性'未定义'的路径' . 我的组件看起来链接这个: INFO-box.component.ts import { Input, Component } from "@angular/core"; import { ROUTER_D... -
1 votesanswersviews
如何将数据从父组件传递到子组件?
我在子组件中有这个属性: @Input() submitButtonDisabled: boolean; 在我的父组件的模板中,我使用插值通过属性绑定设置它: <my-child-component [submitButtonDisabled]="{{disableSubmitButton()}}"> </my-child-component> ... -
1 votesanswersviews
如何有条件地设置Angular2组件输入?
考虑以下情况 . 父组件: <div title="title1"> <my-component input="title2"></my-component> <my-component></my-component> </div> MyComponent的: <div ... -
0 votesanswersviews
在角度2中显示从子组件到父组件的已检查ID
如果已根据子组件中的选择启用了项目,则在我的父组件中重新选择时遇到一些麻烦 . 我通过路由器插座显示我的孩子内容 . 总体观点:我有一个带有几个 Headers 的侧面菜单 . 单击 Headers 后,将出现一个视图页面,其中包含一个复选框,允许用户启用或禁用菜单 Headers 项 . 我想要的是当用户检查子组件中的框时 - 启用标头旁边会出现一个复选标记(无需刷新页面 - 这是当前发生的事情... -
2 votesanswersviews
在祖父母和子角2之间传递数据
在angular2我有一个addproperty组件(祖父母)和addproperty2组件(父)和一个复选框组件(子) . 在祖父母中有一个带有 add 按钮的表单,如果用户点击父组件中的复选框将再次显示 add 按钮存在 . 祖父母html: <div *ngIf="page2"> <add-property-page2></add... -
0 votesanswersviews
Angular2,如何将事件从父组件广播到子指令?
在Angular1中,它具有 $scope.braodcast . 而Angular2中的 EventEmitter 只能从子到父发出一个事件 . 那么如何将该事件广播到子指令呢? this is my child directive import { Directive, ElementRef, Input, Output, OnInit } from '@angular/core'; ... -
0 votesanswersviews
angular 2 - 在div上单击,将对象传递给另一个组件,另一个组件使用该对象来调用rest服务
在父(ParentComponent)中加载所有父数据onInit方法 . 现在,如果我点击单个父级,它会通过将parentId从ParentComponent传递给ParentDetailComponent来触发子视图,而ParentDetailComponent会调用ParentDetailService并获取IParent对象 . 现在我尝试使用* ngIf来显示ParentDetailCo...