首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在angular 6中从一个函数到其他函数取值

在Angular 6中,要从一个函数传递值到另一个函数,可以使用以下几种方法:

  1. 使用参数传递值:可以将值作为参数传递给目标函数。例如:
代码语言:txt
复制
function function1(value: any) {
  function2(value);
}

function function2(value: any) {
  console.log(value);
}
  1. 使用共享服务:创建一个共享服务,该服务包含一个可观察对象或者一个公共变量,可以在不同的组件或函数之间共享数据。例如:
代码语言:txt
复制
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class DataService {
  private dataSubject = new BehaviorSubject<any>(null);
  public data$ = this.dataSubject.asObservable();

  setData(value: any) {
    this.dataSubject.next(value);
  }
}

在函数1中设置值,然后在函数2中获取值:

代码语言:txt
复制
import { DataService } from './data.service';

function function1(dataService: DataService) {
  dataService.setData(value);
}

function function2(dataService: DataService) {
  dataService.data$.subscribe(value => {
    console.log(value);
  });
}
  1. 使用路由参数:如果函数1和函数2位于不同的组件中,并且通过路由进行导航,可以使用路由参数传递值。例如:

在路由配置中定义参数:

代码语言:txt
复制
const routes: Routes = [
  { path: 'component1/:value', component: Component1 },
  { path: 'component2/:value', component: Component2 }
];

在函数1中导航到函数2并传递值:

代码语言:txt
复制
import { Router } from '@angular/router';

function function1(router: Router, value: any) {
  router.navigate(['component2', value]);
}

在函数2中获取值:

代码语言:txt
复制
import { ActivatedRoute } from '@angular/router';

function function2(route: ActivatedRoute) {
  route.params.subscribe(params => {
    console.log(params.value);
  });
}

这些方法可以根据具体的需求选择使用。请注意,以上示例中的代码仅为演示目的,实际应用中可能需要根据具体情况进行适当的修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

子到底是什么?ApplicativeMonad

它能知道如何应用一被上下文包裹的函数到被上下文包裹的值中。 ? image.png Monad 子funtor是将一普通函数应用到包裹的值: ?...image.png Applicative应用一包裹的函数到包裹的值: ? image.png Monad 则是将一会返回包裹值的函数应用到一被包裹的值上。 ? image.png ?...image.png 那么子、applicative和Monad三区别是什么? ? image.png functor: 应用一函数到包裹的值,使用fmap/map....applicative: 应用一包裹的函数到包裹的值。 monad: 应用一返回包裹值的函数到包裹的值。...澄清了子的含义,那么如何在程序中表达它? 在Haskell中,子是在其上可以map over的东西。稍微有一点函数式编程经验,一定会想到数组(Array)或者列表(List),确实如此。

4.4K30

似然函数和最大似然估计

本文从什么是似然函数以及似然函数的定义引入最大似然函数,最后通过简单的抛硬币例子来更加具体的说明。 a 什 么 是 似 然 数 ?...: ,一似然函数乘上一正的常数之后仍然是似然函数,因为我们并不关心取值,而是当参数变化时函数到底变小还是变大。...c 最 大 似 然 数 估 计 其实最大似然估计是似然函数最初也是最自然的应用。上文已经提到,似然函数取得最大值表示相应的参数能够使得统计模型最为合理。...如果考虑 ,那么似然函数值也会改变。 ,注意到似然函数的值变大了。这就说明,如果参数 的取值变成0.6的话,结果观测到连续两次正面朝上的概率要比假设 时更大。...总之,似然函数的重要性不是它的具体取值,而是当参数变化时函数到底变小还是变大。比如上面例子中的 ,所以我们认为选择参数0.6比选择参数0.5更加的合理。 参考: 1.

2.1K20
  • 重磅干货 | 从连续的视角看机器学习

    摘要 在经典数值分析的影响下,我们提出了一连续的机器学习形式,将其作为变分法和微分积分方程中的一问题。...我们证明了传统的机器学习模型和算法,随机特征模型、两层神经网络模型和残差神经网络模型,都可以表示成(以比例形式)对应连续形式的离散化的特例。...我们讨论了如何在这个框架下研究泛化误差和隐式正则化问题。...经典数值分析的一主要主题是提出更好的模型和算法的设计原则。本着这种精神,我们可以为连续机器学习方法提出以下一组原则: 1.目标函数应该以各种形式表示为期望。 2.风险泛应该是好泛。...当前机器学习算法中的一些微妙之处,仅仅是从一连续的角度来看待就已经可以被理解了。例如,非常深的全连接网络应该会引起问题,因为它们没有很好的连续极限[35]。

    58610

    编程语言:类型系统的本质

    编程语言中的基本类型 本节介绍编程语言类型系统的特性,从基本类型开始,到函数类型、OOP、泛型编程和高阶类型(子和单子)。...例如,T或Box>有一类型参数T,后者又有一类型参数U。 正如高阶函数是接受其他函数作为实参的函数,高阶类型是接受其他种类作为实参的种类(参数化的类型构造函数)。...泛型类型,T[],需要一实际的类型参数来生成一具体类型。其类型构造函数为(T) -> [T[] type]。...有了这些小构造块,我们就可以建立子和单子这样的结构。我们不会深入讨论细节,只是简单说明一下。许多领域(集合论,甚至类型系统)都可以用范畴论来表达。...当单位元和其他元素结合时,并不会改变那些元素。: 任何一数 + 0 = 这个数本身。 那么 0 就是单位元(加法单位元) 任何一数 * 1 = 这个数本身。

    2.6K31

    Angular专题】——(2)【译】Angular中的ForwardRef

    问题点在哪里 先做一小声明,我们现在拥有一AppComponent,并使用DI系统向其中注入了一NameService,因为我们使用的是Typescript,所以需要做的工作就是在构造函数的参数中声明变量...那么问题来了: Javascript解释器进行这样的改动意义何在呢? 二....} class Dog extends Animal { } defaultMove = "moving"; dog = new Dog(); dog.move(); 然而,如果将Animal从一函数声明改变成一函数表达式时..." } } forwardRef所做的工作,就是接收一函数作为参数,然后返回一class,因为这个函数并不是立即被调用的,而是在NameService声明之后才会安全地返回NameService...小结 这个场景并不会经常出现,一般它只在当我们想要注入在同一文件中声明的类时才会发生,大多数情况下我们在一文件中只会声明一类,并且会在文件的头部引入其他依赖的类,以此来保证不会被class不进行变量提升的特性造成困扰

    3.2K20

    Applicative

    fmap f x applicative 子的用途很明确,就是为了取出第一子值中的函数,应用到第二子值的值上,上述定律基本可以保证只是做了这件事,当然其他还有一些定律,就不细说了,列在这里大家看看就好...至于的话,先考虑函数作为普通子的情况,我们知道子值是一包涵上下文的值,当函数作为子值时,从这个上下文中取值的操作就是将一参数传递给该函数,然后产生一值,所以函数作为Functor类型类的实例时是这样的...接收一函数和一子值,取出子值中的值传递给函数,然后返回一子值。...当函数作为子值时,fmap 还是返回一函数(这里用 lambda 表示)。...那也同理,它接收两子值,返回一子值,当函数作为子值时,要先分别取出 f 中的值(函数)和 g 中的值,分别将一参数 x 传递给它们,再将 g x 作为参数传递给 f x(由于 Haskell

    74110

    Angular系列教程-第五节

    1.模块 NgModule 是一带有 @NgModule 装饰器的类。 @NgModule 的参数是一元数据对象,用于描述如何编译组件的模板,以及如何在运行时创建注入器。...1.1根模块和特性模块 应用最少有一模块(根模块) 特性模块是用来对代码进行组织的模块。 2.服务和依赖注入 服务是一广义的概念,它包括应用所需的任何值、函数或特性。...通过把组件中和视图有关的功能与其他类型的处理分离开,你可以让组件类更加精简、高效。 理想情况下,组件的工作只管用户体验,而不用顾及其它。...依赖注入 在 Angular 中,要把一类定义为服务,就要用 @Injectable() 装饰器来提供元数据,以便让 Angular 可以把它作为依赖注入到组件中。...3.路由 在用户使用应用程序时,Angular 的路由器能让用户从一视图导航到另一视图。

    2.9K20

    函数式编程入门教程

    也就是说,范畴论是集合论更上层的抽象,简单的理解就是"集合 + 函数"。 理论上通过函数,就可以从范畴的一成员,算出其他所有成员。...因为它是一种数学运算,原始目的就是求值,不做其他事情,否则就无法满足函数运算法则了。 总之,在函数式编程中,函数就是一管道(pipe)。这头进去一值,那头就会出来一新的值,没有其他作用。...合成两函数的简单代码如下。 ? 函数的合成还必须满足结合律。 ? ? 合成也是函数必须是纯的一原因。因为一不纯的函数,怎么跟其他函数合成?怎么保证各种合成以后,它会达到预期的行为?...ap 子的意义在于,对于那些多参数的函数,就可以从多个容器之中取值,实现子的链式操作。 ? 上面代码中,函数add是柯里化以后的形式,一共需要两参数。...通过 ap 子,我们就可以实现从两容器之中取值。它还有另外一种写法。 ? 八、Monad 子是一容器,可以包含任何值。子之中再包含一子,也是完全合法的。

    1.1K20

    AngularDart4.0 指南-体系结构概述 顶

    主要的Angular库是angular,大多数app模块导入如下: import 'package:angular/angular.dart'; Angular包有其他重要的库,angular.security...HeroDetailComponent是HeroListComponent的一子项。 ? 注意是如何在原生HTML元素中合适的存放。...如果请求的服务实例不在容器中,那么在将服务返回给Angular之前,注入器将创建一并将其添加到容器中。 当所有请求的服务已经解析并返回时,Angular可以用这些服务作为参数调用组件的构造函数。...包起来 您已经了解了关于Angular应用程序的八主要构建块的基础知识: 模块 组件 模板 元数据 数据绑定 指令 服务 依赖注入 这是一Angular应用程序中所有其他应用程序的基础,而且这足够了...Router:在客户端应用程序中从一页面到另一页面进行导航,而不会离开浏览器 Testing:为您的应用编写组件测试和端到端测试。

    7.9K30

    「微前端架构」微前端-Angular风格-第2部分

    在这一部分中,我将介绍我们如何在Outbrain实现它。 正如我在前一部分中提到的,其中一标准是能够与我们当前的技术echo系统集成的解决方案,并且不需要对我们当前维护的应用程序进行什么更改。...进入Angular惰性加载特性模块 Angular有一内建的模块概念,它基本上是一声明对象,用来指定封装在一模块中的所有组件、指令、服务和其他模块。...,从一单独的代码在一单独的构建系统,可以在运行时加载到应用程序和共享公共资源,角。...share -loader允许我们指定希望在应用程序之间共享的模块列表,它将一给定的模块捆绑到一应用程序js捆绑包中,并提供一其他捆绑包访问该模块的名称空间。...本文展示了一使用Angular作为框架的解决方案,类似的解决方案也可以使用其他框架来实现。

    4.9K20

    函数式编程入门教程

    所有成员是一集合 变形关系是函数 也就是说,范畴论是集合论更上层的抽象,简单的理解就是"集合 + 函数"。 理论上通过函数,就可以从范畴的一成员,算出其他所有成员。...因为它是一种数学运算,原始目的就是求值,不做其他事情,否则就无法满足函数运算法则了。 总之,在函数式编程中,函数就是一管道(pipe)。这头进去一值,那头就会出来一新的值,没有其他作用。...因为一不纯的函数,怎么跟其他函数合成?怎么保证各种合成以后,它会达到预期的行为? 前面说过,函数就像数据的管道(pipe)。那么,函数合成就是将这些管道连了起来,让数据一口气从多个管道中穿过。...Ap.of(addTwo).ap(Functor.of(2)) // Ap(4) ap 子的意义在于,对于那些多参数的函数,就可以从多个容器之中取值,实现子的链式操作。...通过 ap 子,我们就可以实现从两容器之中取值。它还有另外一种写法。 Ap.of(add(2)).ap(Maybe.of(3)); 八、Monad 子是一容器,可以包含任何值。

    1.5K50

    那些虐哭过你的大学数学课都有什么用处?看完后恍然大悟!

    分析:主要研究无限维空间上的函数。因为比较抽象,在技术上的直接应用不多,一般应用于连续介质力学、量子物理、计算数学、控制论、最优化理论等理论。...在自然科学中应用较多,物理学的液晶结构缺陷的分类、化学的分子拓扑构形、生物学的DNA的环绕和拓扑异构酶等,此外在经济学中也有很重要的应用。 泛分析、近世代数、拓扑学是现代数学三大热门分支。 ?...数学,就是算术,小学直接面对数字,计算,1+1=2之类的东东,初中有了代数和方程,实际上就是用一字母来代表一数,这个数的具体值可以是未知的。到了高中,主要研究未知数的对应变化关系,即函数。...到了大学,更进一步,研究函数值的变化规律,比如导数就是函数的变化率。最后泛就是研究不同函数之间的变化关系了。 ?...数学是从具体到抽象,再抽象的过程,从自然数到集合,从集合到群,从群到拓扑,从拓扑到流形。只要你有时间,都能看懂,必竟数学家也是人,人脑是肉长的。肉长的人脑能想到的东西也就这点了。

    79920

    jmeter使用心得(三)

    ,那么就不会出现到后面由于某个线程循环次数到了,实际并发数下降的问题,只要列表中还有值,那么就会分配给空闲的线程。...其中,Random、RandomDate、RandomString这三函数比较相近,都是从一固定的范围中取值,这几个函数的用法相对比较固定,大家应该都比较熟悉。...因为是取随机变量,RandomFromMultipleVars这个函数非常有意思,可以完成一些其他随机函数不能完成的特殊操作。下面就来简单说说。...RandomFromMultipleVars函数可以实现从一些完全不连续的值中随机取值、从小数中随机取值、甚至按不同的概率随机取值等等。...比如,按不同概率随机取值,这个功能非常实用,可一般实现起来会相对麻烦,而在jmeter中,单独使用这一函数即可完美实现: 假设有3变量v1,v2,v3,现在要随机从3变量中取出一,并要求取到

    94711

    Angular Elements 及其工作原理

    这也是我们开始研究 Angular Elements 的一系列文章的原因,我们将在其中详细解释 Angular何在 Angular Elements 的帮助下实现 Custom Elements API...这里针对 Custom Elements,我们使用一句话来概括: 使用 Custom Elements,web 开发者可以创建一新的 HTML 标签、增加已有的 HTML 标签以及继承其他开发者所开发的组件...首先,让我们从一简单的 Angular 组件开始: import { Component, Input } from '@angular/core'; @Component({ selector...的几个回调函数,同时它还会初始化一 NgElementStrategy 策略类,这个类会作为连接 Angular Component 和 Custom Elements 的桥梁。...当前,我们仅有一策略 —— component-factory-strategy.ts —— 它的运作机制与本文例子中演示的大同小异。在将来,我们可能会有其他策略,并且我们还可以实现自定义策略。

    2.4K20

    Angular开发实践(二):HRM运行机制

    引言 在angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能,关于如何在angular-cli启用HRM,请查看HRM配置 那HMR是什么东西呢...HMR是webpack提供的一功能,angular-cli使用了它,它会在应用程序运行过程中替换、添加或删除模块,而无需重新加载整个页面。...类似的,当在一模块中实现了HMR接口,你可以描述出当模块被更新后发生了什么。然而在多数情况下,不需要强制在每个模块中写入HMR代码。如果一模块没HMR处理函数,更新就会冒泡。...这意味着一简单的处理函数能够对整个模块树(complete module tree)进行更新。如果在这个模块树中,一单独的模块被更新,那么整组依赖模块都会被重新加载。...对于每个无效模块,都需要在模块中有一更新处理函数,或者在它的父级模块们中有更新处理函数。否则,无效标记冒泡,并也使父级无效。

    1.7K70

    AngularJS Providers 详解

    特殊对象服从一套专门的 Angular 框架 API。这些对象是控制器、指令、过滤器或动画效果中的一。...接下来,我们看看如何在不同场景下通过不同的 recipe types 创建和使用 services 。我们将从最简单的例子开始,通过 Value recipe在代码中共享一字符串。...每个 recipe 属于一 Angular 模块。Angular 模块是一保存了一或多个 recipes 的袋子。...还有两 recipe 类型。它们都相当特殊,很少使用。如前述,Provider recipe 是核心 recipe 类型,所有其他的配方类型只是基于它的语法糖。...创建一控制器作为自定义类型,声明包含作为其依赖项参数的构造函数。然后注册这个构造函数到模块。

    1.2K50

    【Hybrid开发高级系列】AngularJS(一)——基础专题

    2.1.1.6 ng-style         ng-style用来绑定元素的css样式,其表达式的返回值为一js对象,键为css样式名,值为该样式对应的合法取值。...:         事件绑定指令的取值函数,并且需要加上括号,例如:         然后在controller...同时module也是我们angular代码的入口,首先需要声明module,然后才能定义angular中的其他组件元素,controller、service、filter、directive、config...关于module函数可以传递3参数,它们分别为:     name:模块定义的名称,它应该是一唯一的必选参数,它会在后边被其他模块注入或者是在ngAPP指令中声明应用程序主模块;     requires...最后,如果传入了第三参数configFn,则会将它配置到config信息中,当angular进入config阶段时,它们将会依次执行,进行对angular应用或者angular组件service等的实例化前的配置

    53980
    领券