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

你能在Angular 8中将GET方法中的数据赋值给外部变量吗?

在Angular 8中,可以通过使用HTTP模块中的HttpClient来发送GET请求并获取数据。然后,可以通过订阅该请求的响应,并将数据赋值给外部变量。

首先,确保你已经在你的组件中导入了HttpClient模块和RxJS的Observable类。

代码语言:txt
复制
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

// ...

export class YourComponent {
  data: any; // 外部变量,用于存储GET方法返回的数据

  constructor(private http: HttpClient) {}

  getData(): void {
    this.http.get('your/api/endpoint').subscribe(response => {
      this.data = response; // 将GET方法的响应数据赋值给外部变量
    });
  }
}

在上述代码中,首先在构造函数中注入了HttpClient,然后在getData()方法中使用httpClient的get()方法发送GET请求。通过订阅该请求的响应,当请求成功返回数据时,将响应数据赋值给外部变量data。

注意:上述示例假设你已经配置了合适的API端点,用于获取你想要的数据。你可以将'your/api/endpoint'替换为实际的API端点URL。

希望这个回答对你有帮助!

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

相关·内容

编程星球——水·滴20180624期

1.2.0 2018/5/21 #水·滴# Spring Data Query方法的属性表达式中...: 变量不加def,将变量添加到当前脚本的binding,一般看作全局变量。...按照类的设计原则,字段都是private的,只能在类的内部使用,如果是public的,那么外部类谁都有可能访问,对字段进行破坏性的修改,这是我们不希望看到的,所以字段一定是private的。...属性相当于是给字段加了一个保护套,如果想读这个字段的值,属性里面走的一定是get{},如果想给字段赋值,属性里一定走的是set{},那么程序员可以在get{}和set{}中增加一些限制,验证要赋值的内容...,或者让某个字段只能读不能赋值(对应该字段的的属性只让它有get{},不写set{})。

1.7K30

【玩转腾讯云】手把手教你使用VueReactAngular三大框架开发Pagination分页组件

3.3 Angular版本 和Vue/React这种专注View视图层的轻量级框架不同,Angular是一个很重的框架,配备非常完整,Web开发过程中你需要的一切,Angular框架都给你提供好了,你只需要随手取用即可...在setList方法中将对lists进行分块,并根据当前的页码获取分页数据,并赋值给dataList字段,这样List组件中就会展示相应的分页数据。...created生命周期事件在Vue实例初始化之后,挂载到DOM之前执行,在created事件中我们将第1页的数据赋值给dataList: created() { this.setList(this.defaultCurrent...我们在该事件中将当前页码的数据赋值给dataList,这样List组件将展示当前页码的数据,从而达到分页效果。...} } 然后监听defaultCurrent,当外部传入的defaultCurrent发生变化时,将新值赋值给current: watch: { defaultCurrent: { handler

7.8K00
  • Angular(06)- 为什么数据变化,绑定的视图就会自动更新了?

    以下是我的个人理解,仅供参考: 在还是 jQuery 的时代,当在 js 中改变了某个变量的数据,而这个变量是需要在 Html 中显示出来的。...对于 react 来说,当我们需要更新变量的数据值时,都通过调用它的方法,那么,它自然就知道我们什么时候更新了数据了。...对于 vue 来说,虽然我们更新数据时是直接对变量进行赋值操作,但实际上,声明在 data 中的这些变量,都会被转换成存取器属性,也就是 set 和 get。...那么,当我们直接对变量的赋值操作,其实会去执行 set 的内部逻辑,而 vue 只需要在这里就可以获取我们更新数据的时机了。 那么,对于 Angular 呢?...验证 Angular 的这种原理的猜测很简单,你在页面上某个元素绑定个方法,方法内打个日志,然后你滑动下页面试试看,看看日志是不是一直在输出。

    1.7K10

    浅谈Rust数据所有权

    第一个绑定到该数据的变量会拥有了该数据在内存中的所有权(ownership)。当我们将一个变量a赋值给另一个变量b的时候,Rust会将该变量a所有持有的所有权move给变量b。...为什么第一段f1方法代码中,将i32类型的变量a赋值给变量b是在内存中进行了单独的复制操作,而没有进行所谓的所有权移动操作呢? 其核心在于,Rust中的基本类型数据,在内存中的创建是“廉价”的。...将复杂结构对象比做房屋,无论建造的房屋是大是小,Rust默认不会在进行变量赋值的时候替你修一栋相同的房屋,然后把你新建造的房屋的产权交给新的变量,而是简单的将房产证交给新变量,而原来的变量就失去了房产证...如果我们在get_user方法中,创建了User的数据,但不做任何返回,一旦方法结束后,temp变量所持有的内存数据就会被销毁。...变量user赋值给了变量user2,相当于原来的将变量user作为参数传递到print_user方法中,绑定到了参数user。所以,这里也同样发生了移动。

    17510

    会写「18.dp」只是个入门——Kotlin 的扩展函数和属性(Extension FunctionsProperties)

    同样的,扩展函数的引用也可以赋值给变量: val a: String....但同时,又有一个问题我不知道你们发现没有:既然有 Receiver 的函数可以以无 Receiver 的方式来调用,那……它可以赋值给无 Receiver 的函数类型的变量吗?...在 Kotlin 里,每一个有 Receiver 的函数——其实就是成员函数和扩展函数——它的引用都可以赋值给两种不同的函数类型变量:一种是有 Receiver 的,一种是没有 Receiver 的:...既然这两种类型的变量可以互相赋值来转换,那不就是说无 Receiver 的函数引用也可以赋值给有 Receiver 的变量?...这样的话,是不是一个普通的无 Receiver 的函数也可以直接赋值给有 Receiver 的变量? fun method3(s: String, i: Int) { } ...

    95910

    Angular 服务

    它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。 本节课,你将创建一个 HeroService,应用中的所有类都可以使用它来获取英雄列表。...让构造函数保持简单,只做初始化操作,比如把构造函数的参数赋值给属性。 构造函数不应该做任何事。 它当然不应该调用某个函数来向远端服务(比如真实的数据服务)发起 HTTP 请求。...这节课,HeroService.getHeroes() 将会返回 Observable,因为它最终会使用 Angular 的 HttpClient.get 方法来获取英雄数据,而 HttpClient.get...上一个版本把英雄的数组赋值给了该组件的 heroes 属性。 这种赋值是同步的,这里包含的假设是服务器能立即返回英雄数组或者浏览器能在等待服务器响应时冻结界面。...你给 HeroService 中获取数据的方法提供了一个异步的函数签名。 你发现了 Observable 以及 RxJS 库。

    3.3K70

    angularjs学习第七天笔记(系统指令学习)

    href对应,其好处是当为给其赋值时     ng-src指令:与html中的src对应,表达式生效之前不要加载图像:      一个简单的练习: 的起始点          在JavaScript代码中通过run方法来访问$rootScope。        ...,如果单纯指定地址,必须要加引号         b.ng-include,加载外部html,script标签中的内容不执行,不能加载,如果需要控制器处理需要在主页中注册         c.ng-include...,加载外部html中含有style标签样式可以识别         d. ng-inclue,记载外部html中的link标签可以加载        使用距离:         <div ng-include...值是偶数时值为true     $odd:当$index值是奇数时值为true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示     特别说明:集合数据的开始坐标是

    2.9K10

    angularjs学习第七天笔记(系统指令学习)

    href对应,其好处是当为给其赋值时     ng-src指令:与html中的src对应,表达式生效之前不要加载图像:      一个简单的练习: 的起始点          在JavaScript代码中通过run方法来访问$rootScope。        ...,如果单纯指定地址,必须要加引号         b.ng-include,加载外部html,script标签中的内容不执行,不能加载,如果需要控制器处理需要在主页中注册         c.ng-include...,加载外部html中含有style标签样式可以识别         d. ng-inclue,记载外部html中的link标签可以加载        使用距离:         <div ng-include...:当$index值是偶数时值为true     $odd:当$index值是奇数时值为true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示

    2.6K30

    iOS今日头条第3轮面试回忆

    这个视图的数据源是json,怎么转成模型数组的?这个cell有哪些类型?展示的怎么区分这些cell?这里面有用过复用机制吗?这些cell有实现过多重继承吗?...关于修饰符失效 因为atomic修饰的属性靠编译器自动生成的get和set方法实现原子操作,如果重写了任意一个,atomic关键字的特性将失效 4.3 题目: 你在初始化的方法中为什么将参数赋给_name...分配内存的时候吗?还是初始化的时候? 成员变量存储在堆中(当前对象对应的堆得存储空间中) ,不会被系统自动释放,只能有程序员手动释放。...为什么 编译的时候,不能添加实例变量,否则报错。 编译的时候可以添加属性,但是一旦在创建对象后为属性赋值或者使用这个属性的时候,程序就崩溃了,奔溃的原因也很简单,就是找不到属性的set/get方法。...那我们就按照这个流程来,在类别中为属性添加set/get方法,在set方法里面赋值的时候找不到赋值的对象,也就是说系统没有为我们生成带下划线的成员变量,没生成我们就自己加。

    1.4K20

    【Java面向对象编程(中)】- 探索封装的秘密

    回顾 上次我们学习了Java 面向对象编程的 类,方法及属性 以及Java中静态成员方法和变量,实例成员方法和变量的使用 若有遗忘点击http://t.csdnimg.cn/xp3Ls 今天我们学习Java...面向对象编程的特性 - 封装和this的使用 封装 封装是面向对象编程中的一种重要概念,是将数据和操作数据的方法包装在一起的机制。...如何调用私有的变量 ​ ​ 如果调用者想要调用实现者的私有变量,可以通过get和set方法,或者get + set + this进行私有变量的调用 this写在哪个类里面,就表示哪个类对象的引用 若方法变成...来修饰属性 或者 方法 * 限定你只能在类当中被使用 * * */ class Student{ public int age;//实例变量 //封装 name 限定你只能在类当中进行访问...自己给自己赋值 并没有赋值属性 局部变量优先 //this.MyName 指的是 Student 这个的对象的 private成员变量MyName~ } //然后提供一个公开的接口 public

    12810

    AngularDart 4.0 高级-HTTP 客户端 顶

    获取数据 在之前的示例中,应用通过返回服务中的模拟英雄来伪造与服务器的交互: import 'dart:async'; import 'package:angular/angular.dart';..._http); 下面的代码使用client的get()方法取得数据: lib/src/toh/hero_service.dart (getHeroes) static const _heroesUrl...(Response resp) => JSON.decode(resp.body)['data']; response对象不能在表单中持有数据应用程序能立即使用.使用响应数据, 首先要解码它....处理错误的一种方法是将错误消息传回组件,以便呈现给用户,但前提是该消息是用户可以理解并采取行动的内容。...对于此demo, 方法叫做 create() 并且接收新英雄的name: Future create(String name) async { 实现这个方法,你需要知道创建英雄服务的API.

    9.7K10

    24. 企业级开发基础5:面向对象特征(封装)

    实现封装的过程 对于上面这样的问题,我们应该怎么处理呢 常规的方案就是: 定义一种这样的属性,属性只有在当前类的内部可以访问 类的外部不能访问这个属性,只能通过类提供的方法来进行属性的取值和赋值 在取值或者赋值的方法中...,就可以添加一定的限制处理的代码了 python中,提供了这样的一种特殊的变量,变量名称使用两个下划线开头,这样的变量智能在类的内部访问,类的外部是访问不了的,我们称之为私有属性 # 定义类型 class...,不让外界直接访问,但是提供了让外界可以间接访问的set/get方法,我们可以在set/get方法中添加数据的访问限制逻辑,完善我们的代码,提高程序的健壮性 3....将类中的set/get方法操作的形式,转换成属性直接操作的形式,python中是可以的 首先:给get方法上添加@property注解,(关于注解的东东,之前的函数装饰器章节中已经有使用,可以参考一下操作原理...= name # 创建对象 p = Person("tom") print(p.name) p.name= "jerry" print(p.name) # 执行结果 ~ tom ~ jerry 此时,你还能在不看原来类型定义中的

    24710

    打造一套安全的UI组件库!

    不是,组件内部暴露出来不是可以提高自由度,可定制化吗? 更多情况下,组件封装是为了防止你“不小心”篡改了内部信息,比如你能保证你自定义的outerHTML不会被别人的全局CSS作用到吗?...你不怕接手的一个项目中,原作者图省事覆盖了框架原来的一些属性,然后你要排查半天吗?以上这些都是过度自由的恶果,为此,适当的封装和隔离是必须的,组件对自身的保护是为了规范用户的操作。...准则三:提供快捷方式 这样一来,组件的权力似乎太小了,很多时候用户希望组件可以和外部互动,比如对话框组件的按钮希望能传回调函数,将一个新Promise的resolve函数赋值给按钮的oncilck以便封装成一个异步模块...但是根据之前的2个准则,组件本身没有这些操作的权限,只能用户来操作,这样不免有些繁琐,不如我们在组件的构造函数上封装一个这样能够快速生成对话框的工具类方法,提供一种快捷方式给用户可以开箱即用: await...通过wiki函数将一些关键信息打印在console中或者其他地方,比如下面这样: static get wiki() { console.table({

    1.3K41

    【.Net底层剖析】3.用IL来理解属性

    所以set_Name的作用就是将set_Name中的参数value赋值给隐藏字段k__BackingField s.Name = "Jackson" 相当于value="Jackson",将...value赋值给k__BackingField 4.属性Name ?..."的值传给set_Name,setName方法中将value的值赋值给隐藏字段k__BackingField 实现get,set方法 上面的Name属性是一个自动实现的属性 下面我们来显示实现...1.属性中的get_Name和set_Name方法我们可以自己实现,从而可以在方法中加一些对数据的合理性检查,确保对象的状态永远不被破坏。其他的用法如:在WPF可以利用属性实现动态绑定。   ...参考资料 《你必须知道的.NET》 《CLR via C#》 【.Net底层剖析】stfld指令-给对象的字段赋值 IL指令速查 IL字节码分析 30分钟?

    84570

    AngularDart4.0 指南- 表单 顶

    模板驱动的形式 您可以通过使用本页中描述的特定于表单的指令和技术在Angular模板语法中编写模板来构建表单。 您也可以使用响应式(或模型驱动)方法来构建表单。...Angular可不使用Bootstrap类或任何外部库的样式。 Angular的应用程序可以使用任何CSS库或不使用。...p模板输入变量在每次迭代中是不同的power; 您使用插值语法显示其名称。 与ngModel的双向数据绑定 现在运行应用程序有点令人失望。 ? 你没有看到英雄数据,因为你还没有绑定到英雄。...正如前面所解释的,变量heroForm被绑定到整体管理表单的NgForm指令。 NgForm指令 Angular自动创建并附加一个NgForm指令给标签。...如果没有Angular的帮助,你需要做什么才能将按钮的启用/禁用状态连接到表单的有效性? 对你来说,这很简单: 在(增强的)表单元素上定义一个模板引用变量。 在多处的按钮中引用该变量。

    17.5K30

    angularjs 指令详解

    1.当我们将scope设置为false的时候,我们创建的指令和父作用域(其实是同一个作用域)共享同一个model模型,所以在指令中修改模型数据,它会反映到父作用域的模型中。 true:继承并隔离 ?...说一下,不管是@、=还是&绑定策略,它们都有一个默认的方式,以@绑定策略为例,如上面代码那么样:myUrl:'@',直接用一个@表示绑定的方式,它就会默认得将指令属性my-url的值赋值给myUrl变量...当然,你不想使用默认的方式,也就是说,你不想myUrl变量绑定my-url的值,而想要绑定其它属性名的值,那么你可以在@后加上你希望的属性名(格式要求:驼峰式)。...这个很简单,看上面的代码就能很明白了,我们在template中的代码中需要用表达式的方式对其引用{{myUrl}},这样我们就能够使用到myUrl变量的值了~   1....本地作用域属性:使用@符号将本地作用域同DOM属性的值进行绑定,使指令内部作用域可以使用外部作用域的变量:  @ 可以在指令中使用绑定的字符串了。   2.

    2.2K40

    2021大厂(阿里、百度、字体跳动、腾讯)前端面试题库

    6.基本数据类型和引用数据类型有什么区别? 7.判断数据类型的方法有哪些? 8.与深拷贝有何区别?如何实现? 9.let、const的区别是什么? 10.什么是执行上下文和执行栈?...2.提交时发生冲突,你能解释冲突是如何产生的吗?你是如何解决的? 3.如果本次提交误操作,如何撤销? 4.如果我想修改提交的历史信息,应该用什么命令? 5.你使用过git stash命令吗?...8.使用过git merge和git rebase吗?它们之间有什么区别? 9.能说一下git系统中HEAD、工作树和索引之间的区别吗? 10.之前项目中是使用的GitFlow工作流程吗?...6.解释Angular的体系结构概述 7.如何将Angular 6更新为Angular 7? 8.什么是angular material? 9.什么是aot编译? 10.什么是数据绑定?...10.使用结构赋值,实现两个变量的值的交换 11.Promise 中reject 和 catch 处理上有什么区别 12.理解 async/await以及对Generator的优势 jQuery 1.jQuery

    1.8K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券