本文整理汇总了TypeScript中rxui.ReactiveCommand.createFromObservable方法的典型用法代码示例。如果您正苦于以下问题：TypeScript ReactiveCommand.createFromObservable方法的具体用法？TypeScript ReactiveCommand.createFromObservable怎么用？TypeScript ReactiveCommand.createFromObservable使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类rxui.ReactiveCommand的用法示例。
在下文中一共展示了ReactiveCommand.createFromObservable方法的1个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: constructor
constructor(todoStore: TodoStorage) {
super([
"areAllTodosComplete",
"todos",
"editedTodo",
"newTodo",
"status",
"_visibleTodos",
"remainingText"
]);
this._store = todoStore;
this.editedTodo = null;
this.newTodo = new Todo();
this.todos = new ReactiveArray<Todo>();
this.areAllTodosComplete = false;
this.completedTodos = this.todos.derived.whenAnyItemProperty().filter(t => t.completed).build();
this.incompleteTodos = this.todos.derived.whenAnyItemProperty().filter(t => !t.completed).build();
this.save = ReactiveCommand.createFromTask((a) => {
return this._store.putTodos(this.todos.toArray());
});
var isNotSaving = this.save.isExecuting.map(executing => !executing);
this.loadTodos = ReactiveCommand.createFromTask((a) => {
return this._store.getTodos();
});
this.loadTodos.results.subscribe(todos => {
this.todos.splice(0, this.todos.length, ...todos);
});
this.deleteTodo = ReactiveCommand.createFromObservable((a: Todo) => {
var todoIndex = this.todos.indexOf(a);
if (todoIndex >= 0) {
this.todos.splice(todoIndex, 1);
return this.save.execute();
} else {
return Observable.of(false);
}
});
this.toggleTodo = ReactiveCommand.createFromObservable((todo: Todo) => {
todo.completed = !todo.completed;
return this.save.execute();
}, isNotSaving);
var hasValidNewTodo = this.whenAnyValue(vm => vm.newTodo.title)
.map(title => this.isValidTitle(title));
var canAddTodo = Observable.combineLatest(
hasValidNewTodo,
isNotSaving,
(validTodo, isNotSaving) => validTodo && isNotSaving);
this.addTodo = ReactiveCommand.createFromObservable((a) => {
this.newTodo.title = this.newTodo.title.trim();
this.todos.unshift(this.newTodo.copy());
this.resetNewTodo();
return this.save.execute();
}, canAddTodo);
this.editTodo = ReactiveCommand.create((todo: Todo) => {
this._originalTodo = todo.copy();
this.editedTodo = todo;
return {};
});
this.finishEditing = ReactiveCommand.createFromObservable(a => {
if (this.editedTodo) {
this.editedTodo.title = this.editedTodo.title.trim();
if (this.editedTodo.title.length == 0) {
return this.deleteTodo.execute(this.editedTodo);
}
this.editedTodo = null;
}
return this.save.execute().do(saved => {
if (saved) {
this._originalTodo = null;
this.editedTodo = null;
}
});
}, isNotSaving);
var canUndo = this.whenAnyValue(vm => vm.editedTodo, vm => vm.todos, (e, todos) => e !== null && todos !== null);
this.undo = ReactiveCommand.create(a => {
if (this.editedTodo && this._originalTodo) {
this.editedTodo.title = this._originalTodo.title;
this.editedTodo.completed = this._originalTodo.completed;
}
this.editedTodo = null;
this._originalTodo = null;
return true;
}, canUndo);
var areAllComplete = this.todos.computed.every(t => t.completed);
var hasTodos = this.todos.whenAnyValue(t => t.length).map(length => length > 0);
var canMarkAllComplete = Observable.combineLatest(hasTodos, areAllComplete, isNotSaving, (hasTodos, complete, notSaving) => hasTodos && !complete && notSaving);
var canMarkAllIncomplete = Observable.combineLatest(hasTodos, areAllComplete, isNotSaving, (hasTodos, complete, notSaving) => hasTodos && complete && notSaving);
Observable.zip(hasTodos, areAllComplete, (hasTodos, complete) => hasTodos && complete)
.subscribe(complete => {
//.........这里部分代码省略.........