TypeScript rxui.ReactiveArray类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中rxui.ReactiveArray类的典型用法代码示例。如果您正苦于以下问题：TypeScript ReactiveArray类的具体用法？TypeScript ReactiveArray怎么用？TypeScript ReactiveArray使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了ReactiveArray类的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: constructor

    constructor() {
        super();
        this.navigationStack = new ReactiveArray<any>();
        this.navigate = ReactiveCommand.create(vm => this._navigateImpl(vm));

        var canNavigateBack = this.navigationStack.whenAnyValue(stack => stack.length)
            .map(len => len > 0);
        this.navigateBack = ReactiveCommand.create(() => this._navigateBackImpl(), canNavigateBack);
        this.navigateAndReset = ReactiveCommand.create(vm => this._navigateAndResetImpl(vm));

        this.toProperty(
            this.navigationStack.toObservable().map(arr => arr.length > 0 ? arr[0] : null),
            vm => vm.currentViewModel
        );
    }

开发者ID:KallynGowdy，项目名称:RxUI-View，代码行数:15，代码来源:router.ts

示例2: 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 => {
//.........这里部分代码省略.........

开发者ID:KallynGowdy，项目名称:RxUI-Examples，代码行数:101，代码来源:TodoViewModel.ts

示例3:

 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);
     }
 });

开发者ID:KallynGowdy，项目名称:RxUI-Examples，代码行数:9，代码来源:TodoViewModel.ts

示例4: _navigateImpl

 private _navigateImpl(viewModel: any): {} {
     if (!viewModel) {
         throw new Error("Cannot navigate to a falsy, null or undefined view model.");
     }
     this.navigationStack.unshift(viewModel);
     return {};
 }

开发者ID:KallynGowdy，项目名称:RxUI-View，代码行数:7，代码来源:router.ts

注：本文中的rxui.ReactiveArray类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。