如何在angular中访问组件类中可观察到的对象值？
在Angular中，要访问组件类中可观察到的对象值，可以通过以下步骤实现：
- 首先，在组件类中定义一个可观察对象，可以使用RxJS库中的
BehaviorSubject或Subject来创建可观察对象。例如，我们可以在组件类中定义一个名为data$的可观察对象：
import { BehaviorSubject } from 'rxjs';
export class MyComponent {
private dataSubject = new BehaviorSubject<string>('initial value');
data$ = this.dataSubject.asObservable();
// ...
}- 然后，在模板文件中使用Angular的数据绑定语法来订阅并显示可观察对象的值。例如，可以使用
async管道来订阅data$可观察对象并显示其值：
<p>{{ data$ | async }}</p>- 如果需要在组件类中访问可观察对象的值，可以使用
subscribe方法来订阅可观察对象，并在回调函数中获取值。例如，可以在组件类的某个方法中订阅data$可观察对象：
export class MyComponent {
// ...
someMethod() {
this.data$.subscribe(value => {
console.log(value); // 输出可观察对象的值
});
}
// ...
}通过以上步骤，你可以在Angular中访问组件类中可观察到的对象值。请注意，以上示例中的data$可观察对象仅作为示例，你可以根据实际需求定义和使用不同的可观察对象。
相关·内容
3回答
如何在angular中访问组件类中可观察到的对象值？
javascript、angular
我发送了一个具有两个值的对象1-数组2-简单变量这个对象使用observable在另一个组件中接收，并从那里直接访问html模板文件中的对象值。_data.changeCart(this.cartobj);}export class HeaderComponent implements OnInit {data.cast.subscribe(res
浏览 0提问于2018-02-09得票数 2
回答已采纳
2回答
角AOT编译为库提供Config
angular、angular2-aot
不久前，我们开始创建包含角组件的内部NPM包，这样我们就可以在不同的站点之间重用我们共同的角度组件。通过我们正在做的一些新工作，我们正在尝试支持AOT编译，以及使NPM包中的组件与角2.x和4.x兼容。我们有一些配置需要传递到npm包/库(api键/urls、环境等)，所以我希望实现站点提供一个可以注入到需要这些值的组件中的配
浏览 1提问于2017-08-24得票数 0
2回答
应该保留对可观察对象的引用，还是只需订阅即可
angular、garbage-collection、observable、rxjs5、subscription
我最近看到了这个(Angular)代码： this.subscriptions.add( .subscribe(v => console.log('v=', v))}
这是安全的吗?还是应该将从this.createSomeObservable()返回的可观察对象存储为该类的成员，以防止被垃圾回收？this.createSomeObservable()实际上是从n
浏览 8提问于2018-05-29得票数 1
1回答
如何正确创建可以处理值和此值的可观察值的组件
javascript、angular、rxjs
何时应该将一个可观察到的对象传递到组件中，以及何时应该使用| async方法解析它？诚挚的问候,
浏览 2提问于2021-06-30得票数 0
回答已采纳
1回答
如何使一个角元件的元素标签为另一个组件所知或可访问？
angular
如何在中声明或使组件的标记可访问 selector:template: ` <p>
Learn from this samp
浏览 1提问于2020-06-12得票数 0
回答已采纳
2回答
BehaviourSubject.getValue()返回默认值
javascript、angular、typescript、rxjs、rxjs-observables
header组件处理登录功能并维护两个信息-用户详细信息( json对象)和isLoggedIn (保存当前登录状态的布尔值)。因此，我决定编写一个名为profile service的共享服务，这样我就可以从header上传userDetails和isLogged，并在profile组件中访问该信息。loginlogout方法中的输入来自header组件。我还尝试使用getUserDetails<e
浏览 27提问于2020-10-27得票数 0
1回答
在angular组件中传递cookie
.net、angular
我正在创建一个angular应用程序，位于.net应用程序的iframe下。我需要从.net应用程序传递一些数据，以便角度应用程序可以根据需要进行应用程序接口调用。如何将这些数据(如cookie或字符串值)从aspx页面传递到angular组件？在.net代码中创建cookie的一种方法是如何在angular</e
浏览 6提问于2018-07-24得票数 0
3回答
角2:改变根AppComponent之外的DOM元素
dom、angular、typescript、rxjs5
我有一个可以观察到的-- loading$ --当我想在UI中显示一个加载覆盖时，输出为true，当删除该覆盖时，输出为false。可见性由CSS类控制。当可观察到的CSS发出true时，我希望将CSS类添加到<body>中，并在false上删除它。html <my-app>Angular app goes here</my
浏览 4提问于2016-10-02得票数 3
回答已采纳
3回答
Angular2如何在全球范围内查看服务属性？
angular、angular2-services
我已经和Angular2玩了几天了，到目前为止我真的很喜欢它。但我似乎不能把头绕在什么东西上。
我有一个带有2个函数的类userService (我删除了大部分逻辑)。做这件事最好的方法是什么？
浏览 4提问于2016-08-18得票数 1
回答已采纳
1回答
角省道中的模块和控制器
dart、angular-dart
如何使用angular dart中的模块、控制器和作用域？我正在尝试使用角形省道，但我不知道如何使用它。如果尝试使用@Controller，它会显示错误，我的angular dart版本是1.0。angular.module("users", ['commonerrors']);
如何在AngularDart中使用这一行。我为用户使用了这个类，并扩展了模块，如何在该模块中声明“
浏览 0提问于2015-02-25得票数 1
0回答
观察Angular 2中对象属性的变化
angular
我最近从Angular 1迁移到Angular 2，经常遇到试图检测对象属性变化的问题(以前是通过$watch完成的)。典型的用例是，我将拥有一个可注入的服务，该服务维护一段数据，例如包含以下设置的对象：export class SettingsService _settings_settings;}
然后我会有一个组件，比如Ionic应用程序<
浏览 2提问于2016-07-09得票数 9
回答已采纳
1回答
在Angular2父/子组件层次结构中的哪一点应该订阅可观察到的组件？
javascript、performance、angular、rxjs、angular2-directives
我有18个指令，它们都拆开了父组件订阅的一个非常大的对象(不是http)。我是将属性分发给不同的指令，还是更好的做法是传递可观察的内容，让不同的组件订阅，只订阅它们所需的属性。简单地说，，，我应该：
在父服务器中订阅并将可观察到
浏览 6提问于2016-11-16得票数 0
回答已采纳
3回答
如何迭代可观察到的firebase2列表？
angular、firebase、firebase-realtime-database、observable、angularfire2
我有一个可以观察到的对象列表，我试图迭代这些对象，以便将列表对象属性与局部变量进行比较。如何在模板之外执行此操作？到目前为止，这是我接触到的最近的迭代器。competitors');this.competitors.forEach(competitor) {
consol
浏览 9提问于2016-07-24得票数 3
回答已采纳
5回答
我是否必须取消订阅ActivatedRoute (例如params)的可观测值？
angular、typescript、angular2-router3、angular2-router
我发现了许多例子，在这些例子中，ActivatedRoute可以观察到，比如params或url是订阅的，而不是未订阅的。) => this.service.getHero(+params['id']))}
浏览 2提问于2016-12-14得票数 112
回答已采纳
2回答
如何允许嵌套组件由其父组件跟踪，并从其父组件的角中获取值？
angular、angular5、nested-forms、angular-forms、angular-validation
我有一系列表单(每个表单由一个组件管理)。
可能从其父级接收初始值。能够将其字段的值作为对象</e
浏览 4提问于2018-04-10得票数 4
回答已采纳
2回答
用控制器类解析绑定
angularjs、angular-ui-router
我有一个带有控制器类的组件，它使用绑定对象作为输入参数。在构造函数运行后，我可以访问控制器中的param。但我不能将它作为构造函数参数传递。在制作时，我使用$onInit方法.找到了一个可定位的解决方案。 this.problemScop
浏览 5提问于2017-04-12得票数 2
回答已采纳
6回答
Angular2中的提供者是什么？
angular、angular2-providers
在Angular2组件配置中，providers是我们可以指定的键之一。这些提供者是如何定义的，它们是用来干什么的？ ...],})Angular2文档正在逐渐成熟，但仍然很少。它目前将提供程序定义为：
这个递归定义没有多大帮助。用一个例子进行更详细的解释会很有帮助。
浏览 16提问于2016-06-16得票数 58
回答已采纳
3回答
我是Angular 6的新手，我不知道如何使用key访问视图中的Json对象值。我在服务中创建了http.get(url)，并在组件中调用了该方法{ "attributeCode&qu
浏览 1提问于2018-12-01得票数 0
1回答
父子关系情况下的双向绑定(框中带香蕉，即[(ngModel)])
angular、primeng
任何关于primeNg(第三方库，如Material)如何在它们的组件中实现双向绑定的想法，因为每当我制作一个可重用的组件时，我必须使用属性绑定向子级提供值，并使用@Input在子级中接收它，如果我想从子级中接收任何数据，我使用@Output并在父级中接收它。但是在primeNg可重用组件中可以看到，它们可以直
浏览 1提问于2019-11-19得票数 0
3回答
将属性公开为可观察的最简单的语法？
angular、typescript、angular-observable
假设我有一个带有一个名为numChickens的属性的服务，我希望允许组件订阅该属性。class ChickenService {
...and这里是一个组件的代码，它将使用可观察到的在chickens中公开ChickenService属性的最简单、最直接、最易读的方法是什么，这样组件类
浏览 0提问于2018-07-29得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
