TypeScript ember.Mixin类代码示例

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

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

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

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

示例1: 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

示例2: edit

import Ember from 'ember';
import { assertType } from "./lib/assert";

interface EditableMixin {
    edit(): void;
    isEditing: boolean;
}

const EditableMixin = Ember.Mixin.create<EditableMixin, Ember.Route>({
    edit() {
        this.get('controller');
        console.log('starting to edit');
        this.set('isEditing', true);
    },
    isEditing: false
});

const EditableComment = Ember.Route.extend(EditableMixin, {
    postId: 0,

    canEdit() {
        return !this.isEditing;
    },

    tryEdit() {
        if (this.canEdit()) {
            this.edit();
        }
    }
});

开发者ID:AlexGalays，项目名称:DefinitelyTyped，代码行数:30，代码来源:mixin.ts

示例3: reject

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

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

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

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

const mix3 = Ember.Mixin.create({
    foo: 3,
});

const mix4 = Ember.Mixin.create({
    bar: 4,
});

const mix5 = Ember.Mixin.create({

开发者ID:enlight，项目名称:DefinitelyTyped，代码行数:30，代码来源:ember-tests.ts

示例4:

import Ember from 'ember';

export default Ember.Mixin.create({
  _setAppNavTitle(title: string) {
    const application = this.controllerFor('application');

    application.set('navTitle', title);
  },

  _setAppNavTitleFromModelName() {
    const model = this.get('currentModel');
    const name = model.get('name');

    this.set('title', name);
    this._setAppNavTitle(name);
  },

  _hideSideNav() {
    const application = this.controllerFor('application');

    application.set('showSidebar', false);
  },

  _showSideNav() {
    const application = this.controllerFor('application');

    application.set('showSidebar', true);
  }
});

开发者ID:NullVoxPopuli，项目名称:aeonvera-ui，代码行数:29，代码来源:set-navbar-title.ts

示例5: edit

import Ember from 'ember';
import { assertType } from "./lib/assert";

interface EditableMixin {
    edit(): void;
    isEditing: boolean;
}

const EditableMixin: Ember.Mixin<EditableMixin, Ember.Route> = Ember.Mixin.create({
    edit() {
        this.get('controller');
        console.log('starting to edit');
        this.set('isEditing', true);
    },
    isEditing: false
});

const EditableComment = Ember.Route.extend(EditableMixin, {
    postId: 0,

    canEdit() {
        return !this.isEditing;
    },

    tryEdit() {
        if (this.canEdit()) {
            this.edit();
        }
    }
});

开发者ID:AbraaoAlves，项目名称:DefinitelyTyped，代码行数:30，代码来源:mixin.ts

示例6: alert

alert(Person2.species); // "Homo sapiens"

const Person3 = Person2.reopen({
    goodbyeMessage: 'goodbye',

    sayGoodbye() {
        alert(`${this.get('goodbyeMessage')}, ${this.get('name')}`);
    }
});

const person3 = Person3.create();
person3.get('name');
person3.get('goodbyeMessage');
person3.sayHello();
person3.sayGoodbye();

interface AutoResizeMixin { resizable: true; }
const AutoResizeMixin = Ember.Mixin.create({ resizable: true });

const ResizableTextArea = Ember.TextArea.reopen(AutoResizeMixin, {
    scaling: 1.0
});
const text = ResizableTextArea.create();
assertType<boolean>(text.resizable);
assertType<number>(text.scaling);

const Reopened = Ember.Object.reopenClass({ a: 1 }, { b: 2 }, { c: 3 });
assertType<number>(Reopened.a);
assertType<number>(Reopened.b);
assertType<number>(Reopened.c);

开发者ID:AlexGalays，项目名称:DefinitelyTyped，代码行数:30，代码来源:reopen.ts

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