Angular 2 typescript调用函数
angular 2 typescript calling function
请检查以下代码。我正在使用typescript第一次使用"Angular2 CLI"生成的angular 2
。和我一直有一个问题在调用类函数在匿名函数。
例如,我想在showDialog()
readFile()
函数我在想什么呢?错~
对不起我的英语。
import {Injectable} from '@angular/core';
import {Observable} from "rxjs";
import "rxjs/Rx";
@Injectable()
export class SelectFileService {
ImageExtensions: string[] = ['jpg', 'jpeg', 'png', 'gif'];
constructor() {
}
public showDialog(): Observable<string[]> {
return Observable.create((observer) => {
dialog.showOpenDialog({
properties: ['multiSelections'],
filters: [
{name: 'Images', extensions: this.ImageExtensions}
]
}, function (fileNames) {
if (fileNames === undefined) {
observer.error("ERROR");
return;
} else {
observer.next(fileNames);
observer.complete();
//Tried Below and not working
// this.readFile(fileNames[0]);
// Also tried java type
// SelectFileService.readFile(fileNames[0]);
}
});
});
}
public readFile(filePath: string): Observable<string> {
return Observable.create((observer) => {
fs.readFile(filePath, 'utf-8', function (err, data) {
if (err) {
observer.error(err.message);
}
observer.next(data);
observer.complete();
});
});
}
}
在组件: this.selectfileservice.showDialog().subscribe(x => console.log(x))
您的函数表达式不保留封闭的this
。使用箭头函数代替:
return Observable.create((observer) => {
dialog.showOpenDialog({
properties: ['multiSelections'],
filters: [
{name: 'Images', extensions: this.ImageExtensions}
]
}, (fileNames) => { // <---- here ----
if (fileNames === undefined) {
observer.error("ERROR");
相关文章:
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 如何在Javascript函数调用中循环变量
- Javascript:应为赋值或函数调用,但实际看到的却是表达式
- 如何远程检查JavaScript应用程序的函数调用堆栈
- javascript函数调用不起作用
- 为什么这个函数调用会破坏程序并导致未定义的变量
- 如何通过函数调用设置图像的src
- 从全局函数调用Ember控制器上的方法
- 为什么Jquery$.ajax在函数调用中触发所有statusCode,即使调用成功
- JavaScript函数调用(arg1)(arg2)
- 打印链接时,将javascript函数调用到链接中
- 在函数调用中封装数据除了隐藏数据之外还有什么优点
- 无法从JavaScript中的函数调用对象属性
- 对中的函数调用进行排序是回调的唯一方法
- 函数调用方法有什么用
- Javascript:JSHint:应为赋值或函数调用,但实际看到的却是表达式
- HTML5(Bootstrap)通过函数调用运行动画
- 函数调用不起作用
- 函数中的Javascript函数调用