角度7-在另一个零部件中注入零部件
在另一个组件中注入组件以访问注入组件中的函数或属性是否正确？ 注意：这些组件都不是其他组件的子级 import { UsersComponent } from './../users/users.component'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleU
..
angular-components相关内容
以角度将对象从一个零部件传递到另一个零部件
我在7号角工作。 当我将对象传递给另一个组件时，我使用@Input修饰，但是组件是同级的， 那么如何将对象传递给另一个组件 推荐答案 在此方案中，最好使用服务进行通信。 在服务中，您可以使用主题，它既可以充当观察者，也可以充当被观察者。 例如 使用中 someSubject = new Subject(); 在组件1中 someServ
..
Angular 4 - 将对象从一个组件传递到另一个组件(无父子层次结构)
我的情况: 我有一个显示图块的组件，每个图块代表一个数组中的一个对象，该数组用 ngfor 循环.单击磁贴时，我想将该对象传递给不同的组件，该组件负责在可修改的字段中显示该对象的所有属性. 我尝试过的: 在做了一些研究并看到多篇帖子向我展示了如何为父子层次结构实现这一点以及一些解释必须使用共享服务才能实现所需功能的帖子后，我决定尝试并设置这样的服务. 然而，我似乎不明白什么
..
Angular:为组件字段提供对服务功能的引用并从模板中调用它没有按预期工作
在这里我的Plunker(修改了Tour of Heroes 应用程序来自官方文档)我在 hero.service 中创建了这个方法 doHeroesExist(): boolean {console.log("doHeroesExist 调用..", this.heroesExist);alert("doHeroesExist 调用了.." + JSON.stringify(this.he
..
如何在不刷新整个页面的情况下更新组件 - Angular
我的页面结构是: 如何在不刷新整个页面的情况下更新/刷新 app-header 组件? 我想在用户成功登录后隐藏标题中的“登录"链接.标题在所有组件/路由中都是通用的. 解决方案 您可以使用 BehaviorSubject 在整个应用程序的不同组件之间进行通信.您可以定义包含 BehaviorSub
..
Angular UI-Router 适用于模板但不适用于组件
我正在尝试在 angular 1 项目中使用 angular-ui-router.我遇到的问题是，当我指定模板时，我可以让 angular-ui-router 工作，但当我指定一个组件时却不能. 例如，这是有效的: var 杂货清单路由 = 函数($stateProvider){var listOfGroceryLists = {name: 'listOfGroceryLists',网址:
..
Angular - 当服务值改变时更新组件值
我有多个组件(在 NgFor 循环中)调用相同的服务. 我想要的是，当一个组件更改同一服务中的值时，该新值会被发送到调用该服务的每个组件，并随后更新组件变量中的该值. 我希望这是有道理的. 如果您需要更多信息，请告诉我. 解决方案 您可以使用简单的 getter 代替 BehaviorSubject(在简单场景中通常是矫枉过正的): 服务有一些数据要共享: 导出类
..
Angular 7 - 重新加载/刷新数据不同的组件
组件2发生变化时如何刷新不同组件1中的数据.这两个组件不在同一个父节点下. customer.service.ts export class UserManagementService extends RestService {private BASE_URL_UM: string = '/portal/admin';私有标头 = 新的 HttpHeaders({'授权':localS
..
Angular 文件夹结构和组件服务
我已经阅读了很多关于 Angular 文件夹结构的文章.我仍然不清楚我们把组件服务放在哪里.组件之间的共享服务被置于共享之下.但是仅由组件使用的服务呢?通常，我将所有组件逻辑都放入一个服务中，并将仅与 UI 相关的代码留给组件.哪个更好用: 每个组件和它的服务放在同一个文件夹 .├── app.component.html├── app.component.ts├── app.module
..
如何在 Angular 5 重新加载后保留服务数据
我有一个服务可以在组件之间传递数据，当调用它时它可以工作，但是当我重新加载时，服务数据被重置.所以当我在重新加载时搜索内存被重置，所以有没有办法在重新加载后保留数据而不使用任何客户端存储?我很好奇的一件事是，我可以使用 rxjs 来实现这一点，但我不确定这会有什么帮助吗?我害怕使用 localstorage，因为数据将主要是对象或数组，而不是用户 ID 或会话 ID.对此的任何输入都会真的很有
..
Angular:为组件字段提供对服务功能的引用并从模板中调用它无法按预期工作
在这里我的Plunker(修改了Tour of Heroes 应用程序来自官方文档)我在 hero.service 中创建了这个方法 doHeroesExist(): boolean {console.log("doHeroesExist 调用..", this.heroesExist);alert("doHeroesExist 调用了.." + JSON.stringify(this.he
..
如何使用服务的输入/输出动态创建组件实例并将其分别注入到 DOM?
在 Angular 2 中创建动态组件时，我 发现此过程需要 ViewContainerRef 以将新创建的组件添加到 DOM. 并且通过将 @Input 和 @Output 传递给那些动态创建的组件，我在上面的第二个链接和 这里. 但是，如果我要创建一个名为 shape.service 的服务，该服务包含返回不同形状组件的函数，其中包含一些 @Input，例如 bgColor，我
..
如何以角度 5 进行同步调用?
所以，我试图找到这个问题的解决方案.但是，不知何故我无法这样做，可能是因为缺乏角度 5 的知识.这是我的服务: GetCurrentUserData(): Observable{返回 this.http.get(ApplicationURLS.GetCurrentUserInformation).map(响应 => {返回响应；});//.catch(error => this.handleEr
..
Angular 2 将数据从组件发送到服务
我的目标是将数据从 Angular 组件发送到服务并使用服务方法来处理它.示例: export class SomeComponent {公共数据:Array= 我的数据；公共构造函数(私有 myService:MyService){this.myService.data = this.data;}} 和服务: @Injectable()导出类 TablePageService {公共数据:
..
angular2 路由器导航无法正确加载组件
我的代码如下所示: googleClick(): void {this._auth.login('google').subscribe((数据:任何)=>{console.log('谷歌服务器数据' + JSON.stringify(data));this.loginService.registerUser(data.email, data.name, '0').subscribe(res =>
..
Angular 4 - 将对象从一个组件传递到另一个组件(没有父子层次结构)
我的情况: 我有一个显示图块的组件，每个图块代表一个数组中的一个对象，该数组用 ngfor 循环.单击磁贴时，我想将该对象传递给不同的组件，该组件负责在可修改的字段中显示该对象的所有属性. 我尝试过的: 在做了一些研究并看到多篇帖子向我展示了如何为父子层次结构实现这一点以及一些解释必须使用共享服务才能实现所需功能的帖子后，我决定尝试并设置这样的服务. 然而，我似乎不明白什么
..
将 formControlName 传递给 Angular 组件
我有一个反应形式.设置与此类似: myForm: FormGroup;this.myForm= new FormGroup({名称:new FormControl("", [Validators.required, Validators.maxLength(15), Validators.pattern('...')]),...}); 我像这样在表单上使用它:
..
如何对 ngControl 装饰有 @Self 的反应式组件进行单元测试
我通过注入 NgControl 编写了一个反应式组件，该组件使用 @Self 装饰器进行装饰.我的问题与此类组件的单元测试有关.请看下面的代码: 免责声明:我已经快速复制了代码并进行了一些内联更改.所以，这可能不是一个编译器满意的代码. 我的反应式组件: @Component({选择器:'文本输入'，templateUrl: '
..
将 Angular Reactive FormControls 传递给子组件
我有一个父组件，我想在其中创建和存储我的响应式表单.一个 Form Array 中会有多个 Form Group 实例.我想将每个表单组中的表单控件传递给子组件，但我无法弄清楚如何执行此操作. 这是一个 Stackblitz 演示了我想要做什么.此外，某些字段仅适用于某些“品牌"的汽车，这就是为什么我的 html 中有以下行: 我想将“详细信息"表单组字段移动到“详细信息字段"子组件中
..
使用angular中的ngModel指令获取表单中的所有值
我正在尝试使用 ngModel 获取表单中的所有值，但我如何仅获取第一个文本框值.单击按钮时未添加文本框值. 示例:stackblitz html:
标签名称
..