TypeScript Component.extend方法代碼示例

本文整理匯總了TypeScript中ember.Component.extend方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Component.extend方法的具體用法？TypeScript Component.extend怎麽用？TypeScript Component.extend使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類ember.Component的用法示例。

在下文中一共展示了Component.extend方法的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: testOnce

function testOnce() {
    Ember.Component.extend({
        init() {
            Ember.run.once(this, 'processFullName');
        },

        processFullName() {
        }
    });
}

開發者ID:AlexGalays，項目名稱:DefinitelyTyped，代碼行數:10，代碼來源:run.ts

示例2: testListener

function testListener() {
    Ember.Component.extend({
        init() {
            Ember.addListener(this, 'willDestroyElement', this, 'willDestroyListener');
            Ember.addListener(this, 'willDestroyElement', this, 'willDestroyListener', true);
            Ember.addListener(this, 'willDestroyElement', this, this.willDestroyListener);
            Ember.addListener(this, 'willDestroyElement', this, this.willDestroyListener, true);
            Ember.removeListener(this, 'willDestroyElement', this, 'willDestroyListener');
            Ember.removeListener(this, 'willDestroyElement', this, this.willDestroyListener);
        },
        willDestroyListener() {
        }
    });
}

開發者ID:AbraaoAlves，項目名稱:DefinitelyTyped，代碼行數:14，代碼來源:event.ts

示例3: testBind

function testBind() {
    Ember.Component.extend({
        init() {
            const bound = Ember.run.bind(this, this.setupEditor);
            bound();
        },

        editor: null as string | null,

        setupEditor(editor: string) {
            this.set('editor', editor);
        }
    });
}

開發者ID:AlexGalays，項目名稱:DefinitelyTyped，代碼行數:14，代碼來源:run.ts

示例4: testSchedule

function testSchedule() {
    Ember.Component.extend({
        init() {
            Ember.run.schedule('sync', this, () => {
                // this will be executed in the first RunLoop queue, when bindings are synced
                console.log('scheduled on sync queue');
            });

            Ember.run.schedule('actions', this, () => {
                // this will be executed in the 'actions' queue, after bindings have synced.
                console.log('scheduled on actions queue');
            });
        }
    });

    Ember.run.schedule('actions', () => {
        // Do more things
    });
}

開發者ID:AlexGalays，項目名稱:DefinitelyTyped，代碼行數:19，代碼來源:run.ts

示例5: testDebounce

function testDebounce() {
    function runIt() {
    }

    const myContext = { name: 'debounce' };

    Ember.run.debounce(runIt, 150);
    Ember.run.debounce(myContext, runIt, 150);
    Ember.run.debounce(myContext, runIt, 150, true);

    Ember.Component.extend({
        searchValue: 'test',
        fetchResults(value: string) {},

        actions: {
            handleTyping() {
                // the fetchResults function is passed into the component from its parent
                Ember.run.debounce(this, this.get('fetchResults'), this.get('searchValue'), 250);
            }
        }
    });
}

開發者ID:AlexGalays，項目名稱:DefinitelyTyped，代碼行數:22，代碼來源:run.ts

示例6: resolve

    resolve('ok!');

    // on failure
    reject('no-k!');
});

promise.then(
    (value: any) => {
        // on fulfillment
    },
    (reason: any) => {
        // on rejection
    }
);

// make sure Ember.RSVP.Promise can be reference as a type
declare function promiseReturningFunction(urn: string): Ember.RSVP.Promise<string>;

const mix1 = Ember.Mixin.create({
    foo: 1,
});

const mix2 = Ember.Mixin.create({
    bar: 2,
});

const component1 = Ember.Component.extend(mix1, mix2, {
    lyft: Ember.inject.service(),
    cars: Ember.computed.readOnly('lyft.cars'),
});

開發者ID:AbraaoAlves，項目名稱:DefinitelyTyped，代碼行數:30，代碼來源:ember-tests.ts

注：本文中的ember.Component.extend方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。