本文整理汇总了TypeScript中ember.Component类的典型用法代码示例。如果您正苦于以下问题：TypeScript Component类的具体用法？TypeScript Component怎么用？TypeScript Component使用的例子？那么, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了Component类的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: testOnce
function testOnce() {
Ember.Component.extend({
init() {
Ember.run.once(this, 'processFullName');
},
processFullName() {
}
});
}示例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() {
}
});
}示例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);
}
});
}示例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
});
}示例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);
}
}
});
}示例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'),
});