在Angular2/Typescript中传递回调，引用这个
在Angular2/Typescript中传递回调，可以使用事件订阅和触发的方式来实现。
首先，定义一个回调函数类型，可以使用type关键字来定义：
type CallbackFunction = (data: any) => void;然后，在需要传递回调的组件中，声明一个事件属性，并使用EventEmitter来实例化：
import { EventEmitter } from '@angular/core';
export class MyComponent {
callbackEvent: EventEmitter<CallbackFunction> = new EventEmitter<CallbackFunction>();
}接下来，在需要触发回调的地方，调用emit方法来触发事件，并传递回调函数：
this.callbackEvent.emit((data: any) => {
// 回调函数的具体实现
});最后，在接收回调的组件中，使用@Output装饰器来监听事件，并在回调函数中处理数据：
import { Component, Output } from '@angular/core';
@Component({
selector: 'my-receiver',
template: `
<button (click)="triggerCallback()">触发回调</button>
`
})
export class MyReceiverComponent {
@Output() callbackEvent: EventEmitter<CallbackFunction> = new EventEmitter<CallbackFunction>();
triggerCallback() {
this.callbackEvent.emit((data: any) => {
// 处理回调数据
});
}
}这样，就可以在Angular2/Typescript中传递回调了。在实际应用中，可以根据具体需求来定义回调函数的参数和返回值，并在回调函数中进行相应的业务逻辑处理。
关于Angular2/Typescript的更多信息，可以参考腾讯云的相关文档和产品介绍：
相关·内容
我是Angular2/Typescript的新手，因为我来自Java界，所以我决定直接学习Typescript和Angular2。
我想把大部分逻辑留在服务器上，这样就不需要在客户机上进行复杂的验证管理。因此，我只想让用户填写表单，并将所有字段post/put到REST Service.The，目标是让客户端尽可能轻便。
我有一张表格：
<form role="form" (ngSubmit)="onSubmit()" #ArbeitstagForm="ngForm">
还有一个字段，还有一些日期选择器:类似于：
<input
浏览 0提问于2016-06-03得票数 2
这是我的钩子。
export function useContractFactory() {
const { provider }: any = useWallet();
return useCallback(
(address: string, abi: any) => {
return new EthersContract(address, abi, provider);
},
[provider],
);
}
export function useTokenActions() {
const createContract =
浏览 5提问于2021-05-25得票数 0
回答已采纳
2回答
我正在尝试用TypeScript开发一个Chrome扩展。我已经安装了@types/chrome，一切似乎都井然有序。
现在我想使用，它提供了chrome扩展对象的Promisified版本，允许我异步/等待。
不过，我似乎想不出如何启用这个扩展。文档只是说我应该添加一个指向扩展的js文件的<script>。我的Chrome扩展没有超文本标记语言页面，所以没有<script>标签。
更新:遵循@basarat的建议，我已经停止使用@types/chrome，并将chrome-extension-async.d.ts添加到我的tsconfig中。Typescript现在不
浏览 1提问于2017-12-05得票数 1
我有一个简单的自定义钩子，它返回一些函数：
const useCustom = () => {
const someReduxValue = useSelector(...);
const fn1 = useCallback(() => {
// do something with someReduxValue
}, [...]);
const fn2 = useCallback(() => {
// may include some complex operations like reducing/mapping etc
浏览 7提问于2021-12-27得票数 0
我有一个特别的问题。我正在尝试用typescript在angular2中实现mqtt.js库。这是我的app.component.ts：
import { Component } from '@angular/core';
import * as mqtt from 'mqtt';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
浏览 0提问于2017-04-21得票数 0
我安装了NPM版本的类型标1.7.5和angular2测试版。在Visual 2015 Update 1中构建项目时，我会看到以下错误：
1>VSTSC : error TS2318: Build: Cannot find global type 'Iterable'.
1>VSTSC : error TS2318: Build: Cannot find global type 'IterableIterator'.
1>VSTSC : error TS2318: Build: Cannot find global type 'Symb
浏览 6提问于2015-12-16得票数 1
我在我的jQuery类中使用TypeScript。
export class RedTextBox {
private element : HTMLInputElement;
private changed : Boolean;
Attach(textbox : HTMLInputElement) {
this.element = textbox;
ChangeColor();
}
ChangeColor() {
$(this.element).css("background", "red");
$(this.element)
浏览 2提问于2018-08-17得票数 1
回答已采纳
我从一个月开始尝试创建一个应用程序来检测iTunes的当前曲目来标记歌曲并计算bpm (通过录音按钮)
当用户修改标签的一个字段时，曲目在应用程序中被锁定:这意味着:如果iTunes currentTrack改变，我的应用程序将停留在前一个曲目上。
我的问题是:我得到了前一首曲目的持久ID。我创建了一个applescript来获取对应于这个持久ID的曲目。但是我不知道如何在应用程序的可可部分获取这个曲目！
下面是脚本：
on open param
tell application "iTunes"
set trackItems to (every tra
浏览 1提问于2010-08-05得票数 0
2回答
接下来是问题:假设我们有一个select。在发生Onchange事件时，我们需要调用一些函数，但是这个函数的名称保存在变量中。如何调用此函数？
浏览 27提问于2011-07-29得票数 17
回答已采纳
1回答
我已经完全更新了这个问题：
下面是我用PHP编写的json_encode示例：
print(json_encode($row));
通向{"AverageRating":"4.3"}，这很好。
但在Java中，我似乎无法获取这个4.3的值。这是(对于一个Android项目)我编辑了无关的数据。
public class Rate extends ListActivity {
JSONArray jArray;
String result = null;
InputStream is = null;
StringBuilder sb =
浏览 0提问于2012-06-22得票数 0
2回答
使用中的示例，我正在尝试为一个非规范化数据库编写一个查询，我想要做的是：
获取此列表中每个项目的当前用户下的表单列表，返回对每个项目的引用
下面是我的代码：
getFormList():firebase.database.Reference {
// the old method
//return firebase.database().ref('/formsByID').orderByChild('userList').startAt(this.userId).endAt(this.userId);
var formRef = f
浏览 0提问于2017-10-17得票数 0
我有一个主要活动和第二个活动。在主活动中单击图像按钮，它将引导到第二个活动，并显示6个头像图像按钮。我应该选择它们中的一个并显示回main activity。有人可以通过实现parcelable接口在活动之间传递数据来帮助我做到这一点吗？提前谢谢。
浏览 17提问于2019-02-06得票数 0
我使用的是角2 (TypeScript)。为了简单起见，有两个文件：A.ts和B.ts。
如何在A.ts类中使用AAA？谢谢!我花了一天多，但仍然没有成功.
A.ts
import {Component, View} from 'angular2/angular2';
@Component({
selector: 'foo'
})
@View({
template:`
`
})
export class Foo{
AAA:DataClass = new DataClass(); // AAA is here.
}
B.ts
i
浏览 0提问于2015-11-13得票数 0
回答已采纳
假设我有这样的例子：
import React, { useMemo, useCallback } from 'react'
const Hello = (props) => {
const { firstName, lastName } = props
const fullName = useMemo(() => `${firstName} ${lastName}`, [firstName, lastName])
const sayHello = useCallback(() => {
console.log(`Hello, ${fu
浏览 3提问于2020-11-26得票数 2
回答已采纳
在我的Angular2和TypeScript应用程序中，我使用的是可观察的TypeScript。我想要一个http响应数据的副本。
服务：
getSizes(sku: number): Observable<SizeList[]> {
let api = this.host + this.routes.sizes + sku;
return this._http.get(api)
.map((response: Response) => <SizeList[]>response.json())
浏览 3提问于2016-06-08得票数 2
回答已采纳
2回答
release notes for Jest 24突出显示了我想使用的一个新特性：test.todo。然而，对于我的生命，我无法使用它。 例如，我想在我的subscriptions.test.ts文件中勾勒出测试，因此我创建了以下内容： describe('Subscription Tests', () => {
test.todo('... a name');
}); 然后，TypeScript编译器立即在todo下面显示一条红线，上面写着Property 'todo' does not exist on type 'I
浏览 28提问于2019-02-20得票数 9
回答已采纳
按照最佳编码实践，我坚持将html与php和javascript分开的概念，我发现像这样包含我的javascript文件相当不方便：<script src="../../lib/javascript/jquery.min.js"></script>
原因是我正在重构一个目前不容易维护的大型项目。其中的一部分包括将大量数据分成更易于管理的块：
下面是关注的主要文件夹：
长话短说，我很难弄清楚如何包含和排序嵌套我的javascript，以类似于php import的方式。例如，我的登录页面使用users.js运行一个函数来检查用户凭证；而
浏览 3提问于2016-10-21得票数 0
我有一个名为home.js的文件，如下所示：
import React, { useState } from 'react'
import { View, Text, FlatList, Card, TouchableOpacity } from 'react-native'
export const addProject = (flowerbed) => {
flowerbed.key = Math.random().toString()
setFlowerbed((currentFlowerbeds) => {
return [flowerbe
浏览 1提问于2021-07-11得票数 0
回答已采纳
我在6.1中注意到了这个问题，但是在降级到6.0之后，这个问题仍然存在。
在一些Android设备上，Facebook登录窗口需要很长时间才能出现。加载图标会断断续续地显示，然后Facebook窗口会显示，或者游戏崩溃。
问题是不一致的，但我认为有时它在试图显示Facebook窗口时崩溃，有时在返回游戏时崩溃。
这是我的一位测试人员的报告：
motorola/falcon_retgb/falcon_umts:4.4.4/KXB21.14-L1.40/36:user/release-keys java.lang.Error:致命异常主要统一版本: 4.6.0b21设备模型:摩托罗拉XT1032
浏览 0提问于2014-11-14得票数 2
回答已采纳
在Nodejs中，我有一个名为variables.js的页面，它看起来像这样：
exports.var1= 'a';
exports.var2= 'b';
这个文件将我在应用程序中使用的变量都保存在一个位置。
然后在另一个页面中，我使用以下命令调用此页面：
var variables= require('./variables');
现在，我可以像这样访问该页面的变量sin，例如：
alert(variables.var1);
我想在angular2 (typescript)中做同样的事情。我尝试过使用出口和进口，但我不能让它工作。如何在angu
浏览 0提问于2016-06-06得票数 10
回答已采纳
我在angular2有一个KendoUI GRiD。它不会在页面更改事件中维护复选框选中状态。我的angular2在typescript脚本中运行
浏览 3提问于2017-02-18得票数 0
我见过人们制作动作创建者(返回动作对象以避免打字的函数)如下：
// ReduxStuff.js
export const makeJuice = flavor => ({type: "MAKE_JUICE", load: flavor})
现在，当一个组件需要制造果汁时，您可以这样做：
// MangoJuiceMaker.js
import { useDispatch } from "react-redux";
import { makeJuice } from "ReduxStuff";
const MangoJuiceMake
浏览 0提问于2020-02-26得票数 4
回答已采纳
1回答
我的主页中有一个Container，它使用带有回调函数onBookPlace的小部件PageView作为子部件。
Container(
child: PageView(
onBookPlace: onBookPlace(
dateStart, dateEnd
),
),
)
在我的PageView中，我有一个函数onBookPlace，当我按onTap时应该调用它
class PageView extends StatelessWidget {
final VoidCallback onBookPlace;
const PageView({Key key,t
浏览 2提问于2020-09-13得票数 0
回答已采纳
我在angular2应用中实现了@ngrx，当我试图编译typescript项目时，我得到了下面的错误。
Error:(40, 20) TS2339:Property 'map' does not exist on type 'string | Book | Book[]'. Property 'map' does not exist on type 'string'.
我认为这个错误与ngrx示例应用程序中使用的typescript的联合类型有关
浏览 47提问于2017-01-12得票数 1
我遇到的问题是Array<T>.filter的用法和接口定义之间的差异。
我在一个Angular2组件中实现了这个过滤器：
performFilter(filterBy: string): IProduct[] {
filterBy = filterBy.toLocaleLowerCase();
return this.products.filter((p: IProduct) =>
p.productName.toLocaleLowerCase().indexOf(filterBy) !== -1);
}
奇怪的是，当我进入接口定义时：
浏览 0提问于2019-02-06得票数 1
我遵循一个带有Hooks在线课程的Advanced模式，在这个早期的例子中，他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板)：
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错：
impor
浏览 1提问于2020-09-03得票数 3
回答已采纳
我有一个主类，它扩展了Activity，它应该产生一个ListActivity并获得所做的选择。所以我在类中有一个onListItemClick()，它扩展了ListActivity，它通过getItemAtPosition接受选择。
此ListActivity由startActivityForResult启动。
现在，既然我已经在onListItemClick中得到了结果，为什么我还需要onActivityResult()？是干什么的呢？
那么意图是从哪里来的呢？
浏览 0提问于2010-07-06得票数 0
回答已采纳
我有以下问题:我有一个Angular 2应用程序，它发送get请求，如下所示：
getStatus(cb:(boolean, error) => void){
this.http.get(this.uri+'/forms/status')
.subscribe(
(res: Response) =>{
console.dir(res);
this.response = res;
if(res.status === 200)cb(true, null);
浏览 0提问于2016-11-18得票数 2
我是JS的新手。我有一个帮助器类，它执行一些常见的服务器抓取操作。目前，其中一个函数将如下所示：
getAvailablePlatforms: function (platform) {
var self = this;
if (_.isUndefined(platform) || platform == '') {
platform = "crystalproject";
}
$.ajax({
url
浏览 0提问于2013-06-19得票数 1
回答已采纳
我在angular2上使用draw2d (draw2d-wrapper)。我正在尝试从它们扩展一个类。
export class Table extends (draw2d.shape.layout.VerticalLayout as { new(): any }) {
static NAME: "Table";
/*Some code*/
}
当我使用var t = new Table();时，在我的代码上
t.NAME属性以"draw2d.shape.layout.VerticalLayout“的形式出现。
我可以在angular2 typescri
浏览 6提问于2017-09-08得票数 0
我正在try-catch块中创建一个redis。在try块中，通过回调初始化客户端以将消息转发给客户端。如果向客户端发送消息有问题，将引发异常，在这种情况下，我需要停止redis客户端。下面是代码：
try {
val redisClient = RedisPubSub(
channels = Seq(currentUserId.toString),
patterns = Seq(),
onMessage = (pubSubMessage: PubSubMessage) => {
responseObserver.onValue(pubSubMes
浏览 3提问于2015-04-26得票数 0
5回答
我很难理解如何从TypeScript中的模块中导入类，特别是Visual 2015中的角2类( TypeScript 1.7更新1)。
在角2文档中的任何地方，我都看到导入语句，比如：import {Component} from 'angular2/core';。这些文件在node_modules/angular2/*中。是什么让angular2/*工作呢？
只有当我有来自应用程序目录(如：./../node_modules/angular2/platform/browser'; )的相对路径时，我才能消除Visual中的错误。这修复了Visual构建错误，但当我尝试
浏览 5提问于2015-12-16得票数 18
1回答
大家好，所有想帮忙的人。我正在尝试做一个回调函数，当我得到我的位置更新。但是我遇到了一个我不知道如何解决的问题。
class ViewController: UIViewController {
@IBOutlet weak var currentTemperatureLabel: UILabel?
@IBOutlet weak var currentHumidityLabel: UILabel?
@IBOutlet weak var currentPrecipitationLabel: UILabel?
@IBOutlet weak var currentWeatherIcon: UIIm
浏览 2提问于2015-07-02得票数 1
是否可以在根组件模板中添加组件并能够从子组件访问该组件。例如，假设这是根应用程序组件：
<main>
<global-component #globalComponent></global-component>
<child-component></child-component>
</main>
我想要的是，在“子组件”的代码中，能够这样做：
@Component({...})
export class ChildComponent
{
@SomethingAwesome(GlobalComponen
浏览 2提问于2016-12-07得票数 3
回答已采纳
嘿，在那儿。
我有一个使用Node.js/ app /Angular2 2 (TypeScript)的应用程序。我使用socket.io创建了一个WebSocket。只要我不在我的Angular2应用程序里，一切都很好。
我一整天都在试着跑，没有运气。我下载了一个工作教程，但找不到缺少的链接。快把我逼疯了！
这是我的启动应用程序，创建websocket服务器端
这是我的带有工作websocket的，但作为本机JavaScript代码
这是我的 of Angular2试图让websocket运行
错误并不能阻止编译-I get，is root.component.ts(14,
浏览 0提问于2016-03-16得票数 0
回答已采纳
1回答
我正在尝试使用对Angular2 TypeScript2应用程序中的一些请求进行签名。我已经安装了这个包，它在node_modules中。
在我的component.ts文件中，我尝试使用以下命令导入它：
import * as aws4 from 'aws4';
当我和webpack一起构建项目时，我的代码抱怨Cannot find module 'aws4'。但是，在同一个目录中，如果我启动节点并运行require('aws4')，它就可以工作，所以模块就在那里，并且已经安装。
@types/aws4也不可用。
有趣的是，即使TypeScri
浏览 0提问于2016-11-11得票数 0
1回答
我不知道是怎么回事，因为我是Angular2，打字稿，es5和es6的新手。看看。我不明白为什么我的FirstComponent没有在first.ts文件中被调用。
我有以下的执行情况。
app.ts
import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2'
import {FirstComponent} from 'first' // please explain what should be here. 'first','./first'
浏览 2提问于2015-11-30得票数 0
回答已采纳
我正试图决定为什么在我的Typescript2/Angular2项目中使用Typescript2/Angular2。
由TSLint：公开的规则列表
使用TypeScript：可用的编译器选项
既然Typescript2现在有一些编译器选项，比如--noUnusedParameters，那么真的需要TSLint吗？TSLint是编译器选项的超集吗？
项目结构：
.
├── bower.json
├── index.js
├── package.json
├── src
│ ├── app
│ │ ├── app.component.spec.ts
│ │ ├── app.c
浏览 2提问于2017-05-30得票数 7
回答已采纳
2回答
我创建的网络服务应该用一个param发送get请求，并且我应该从API中获得结果，
NetworkServices.ts
import { Injectable } from '@angular/core';
import {Http} from "@angular/http";
@Injectable()
export class NetworkServices{
constructor(public http:Http){
}
getCurrency(obj){
console.log("function fired!"
浏览 5提问于2016-10-27得票数 0
回答已采纳
2回答
角2过滤管
、、
试图编写自定义管道以隐藏某些项目。
import { Pipe } from '@angular/core';
// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
name: 'showfilter'
})
export class ShowPipe {
transform(value) {
return value.filter(item => {
return item.visible ==
浏览 0提问于2016-06-15得票数 3
回答已采纳
在将eslint升级到8之后，我在每个测试模块上得到了以下错误：
error Definition for rule 'jest/valid-describe' was not found jest/valid-describe
eslintrc.json的一部分：
{
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:import/errors",
浏览 9提问于2021-11-27得票数 8
回答已采纳
下面是我的定制钩子，我试着处理所有从钩子。我也看到过类似的问题，但似乎没有一个适用于我的案例，我被说服相信这个方法是有解决方案的，jus无法解决。
const useResource = (baseUrl) => {
const [resources, setResources] = useState([]);
const create = async (resource) => {
const response = await axios.post(baseUrl, resource)
setResources(resources.concat(resp
浏览 1提问于2022-03-02得票数 1
1回答
Confluent Kafka库(本例中为python版本)有一个produce方法，它接受一个传递回调函数：
kafka_producer.produce(topic=topic,
key=key,
value=value,
on_delivery=delivery_callback)
无论消息是否成功地传递到或，此回调都会被调用。
def delivery_callback(err, msg):
如果消息失败，我在这个函数中
浏览 0提问于2018-12-13得票数 4
回答已采纳
消息已经设置 android.show_type 为 1，前台也确实不再有通知，但是 onTextMessage 不会触发，而 onNotificationShowedResult 则会被触发。
我的目的是当应用在前台时，程序自己处理消息，以便设置 auto cancel。
SDK 版本是 1.3.8.0。
浏览 273提问于2023-03-31
回答已采纳
我想发送我的网页api的网址(不同的服务器，不同的域名...)从我的asp net核心服务器到我的客户端angular2。目前，我将我的设置存储在angular2应用程序的typescript配置文件中。
Thx
浏览 5提问于2016-10-11得票数 0
我有这个简单的应用程序(Node.js，电子，Angular2，TypeScript)，你可以在任何教程中找到。
从Angular2到电子和电子来回通信的最佳方式是什么？
假设您想要调用一个。你会怎么做？
这些是我的主要源文件：
浏览 3提问于2016-03-15得票数 3
回答已采纳
我的病历上有醉鬼在工作。mouseover事件运行良好，但是当我添加了一个click事件时，它并没有按我的意愿执行click事件。
下面是我的代码：
var vis = new pv.Panel()
.width(w)
.height(h);
vis.add(pv.Bar)
.data(data)
.width(4)
.left(function() 5 * this.index)
.height(function(d) Ma
浏览 1提问于2011-07-24得票数 1
我对Angular2和TypeScript完全陌生。我正在学习教程，但我一直在处理这个错误。它是由编译器还是什么引起的错误？
浏览 0提问于2015-05-13得票数 8
回答已采纳
我是google的Apps脚本的新手，我正在尝试为我的最终用户创建一个基本的UI，用于查询数据(存储在google电子表格中)，并以格式化/用户友好的方式显示数据。
因为我想从简单开始，并在学习Apps脚本时添加组件，所以我决定创建一个基本表单，它允许我在文本框中输入文本，然后将该值分配给一个标签(我认为这是创建基本表单组件和检索/赋值的简单练习)。
不幸的是，我遇到的障碍是没有getText()或TextBox.getValue()函数。我试着通过在线论坛/谷歌等搜索来找出解决这个问题的方法，但似乎没有什么效果(之前的搜索让我尝试并在事件处理程序中解决了这个问题)。
我的问题是。如果我有一个
浏览 0提问于2013-02-12得票数 3
回答已采纳
我有一个组件，它调用服务从RESTful端点获取数据。该服务需要在获取所述数据后被赋予一个回调函数来执行。
问题是，当我尝试使用回调函数将数据附加到组件变量中的现有数据时，就会得到一个EXCEPTION: TypeError: Cannot read property 'messages' of undefined。为什么this是未定义的？
TypeScript版本:版本1.8.10
控制器代码：
import {Component} from '@angular/core'
import {ApiService} from '...'
@C
浏览 6提问于2016-07-07得票数 110
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
