Question

嗨，我是Angular的新手，我正在测试是否可以从其他组件更改变量的值，在这种情况下，原始代码附带的标题值。

有什么简单的方法吗？

我在网上看到了一些示例，但没有任何效果，我不知道这是因为它不是我想要的内容，还是它不是用于其他版本的。

现在没有任何更改，我的代码如下：

具有标题变量的组件：

html:    
<div>{{ title }}</div>

ts:
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'Welcome to Learning!';
}

我要更改变量的组件：

html:    
<span class="navbar-brand" (click)="title = 'ok';">Learning</span>

ts:
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
}

在Angular7中将变量从一个组件更改为另一个组件的任何方法？

0 个答案: