[Angular 2] Rendering an Observable with the Async Pipe
2023-09-14 08:59:20 时间
Angular 2 templates use a special Async pipe to be able to render out Observables. This lesson covers the syntax used to create an Observable in Angular 2 and then to render it out in the template.
import {Component} from 'angular2/core'; import {bootstrap} from 'angular2/platform/browser'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/observable/interval' @Component({ selector: 'app', template: `<h1>{{clock | async}}</h1>` }) class App { clock = Observable.interval(1000); } bootstrap(App);
相关文章
- 怎么组织 Angular 项目 |Top 5 技巧
- SAP 电商云 Spartacus UI Angular UI 和 Accelerator JSP UI 的混合使用
- Angular SSR 应用的 SEO 实现一个例子 - meta 和 title 元素的赋值
- 关于 Angular HTTP Interceptor 中 Request 和 Response 的 immutable 特性
- Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
- 前端人员该怎么面试 经典Angular面试题有哪些[通俗易懂]
- Angular面试题_session面试题
- Angular Universal 应用避免 SSR hang 的一些指导方针
- 关于在 Angular 应用里重复调用 RouterModule.forRoot(ROUTES) 的讨论
- Angular 应用如何回退到之前曾经浏览过的页面
- 关于 Angular 应用部署时的 base-href 参数
- Angular 4.0发布,致力于减小代码体积详解编程语言
- Angular 框架将进入 2.0 时代
- Angular 2对 React:究竟孰优孰劣?
- 基于豆瓣API+Angular开发的webApp
- Angular用来控制元素的展示与否的原生指令介绍
- angular中使用路由和$location切换视图