Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/hadoop/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2:从组件向上传递值_Angular - Fatal编程技术网

Angular 角度2:从组件向上传递值

Angular 角度2:从组件向上传递值,angular,Angular,我真的很困惑如何将值传递回父组件 下面是一些创建两个子计数器组件的父HTML 计数器 mchangetop的实例化有点复杂,但这是因为我打算在适当的时候对函数进行大量更改 mchangetop(增量){ 这是一个.mchange('top')(delta); } 麦克亨格(伯爵姓名){ 返回(delta=>this.model[countName]+=delta); } 然后,计数器组件本身具有以下内容(您可以看到我尝试过的所有排列) 从'angular2/angular2'导入{组件,视

我真的很困惑如何将值传递回父组件

下面是一些创建两个子
计数器
组件的父HTML


计数器
mchangetop
的实例化有点复杂,但这是因为我打算在适当的时候对函数进行大量更改

mchangetop(增量){
这是一个.mchange('top')(delta);
}
麦克亨格(伯爵姓名){
返回(delta=>this.model[countName]+=delta);
}
然后,
计数器
组件本身具有以下内容(您可以看到我尝试过的所有排列)

从'angular2/angular2'导入{组件,视图};
@组件({
选择器:“计数器”
,属性:['count:count','mchange:mchange']
})
@看法({
templateUrl:'app/components/counter/counter.html',
})
出口级反元件{
//@Input()计数:数字;
//@Output()mchange:Function;
//计数:数字;
//mchange:功能;
构造函数(){
//this.count=count;//正确设置了count
}
变化(增量){
这是麦克亨格(三角洲);
}
};
就目前情况而言,
count
的传递是正确的,但我得到了关于mchange的错误,这表明
change
连接正常

异常:评估时出错
单击“BrowserDomAdapter.logError@
angular2.dev.js:21835BrowserDomAdapter.logGroup@
angular2.dev.js:21846ExceptionHandler.call@
angular2.dev.js:4431(匿名函数)@
angular2.dev.js:19543NgZone.\u onError@
angular2.dev.js:10711errorHandling.onError@angular2.dev.js:10630run@
angular2.dev.js:141(匿名函数)@
angular2.dev.js:10644NgZone.run@angular2.dev.js:10607outsideHandler
@angular2.dev.js:17809run@angular2.dev.js:138zoneBoundFn@
angular2.dev.js:111
angular2.dev.js:21835原始异常:ReferenceError:McChange未定义

您应该初始化
mchange
,并使用其方法。看

import{Component,View,Input,Output,EventEmitter}来自'angular2/angular2'
@组件({
选择器:“计数器”
})
@看法({
模板:`
计数{{Count}
`,
})
出口类柜台{
@输入()计数:数字;
@Output()mchange=neweventemitter();
变化(增量){
this.mchange.next(delta);
}
};