当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript mobx.observable类代码示例

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


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

示例1: constructor

 constructor(graph: Remath, initialState?: INodeState) {
    super(initialState);
    this._graph = graph;
    this._id = (initialState && initialState.id) || genId();
    this._providers = observable.map<INode>();
    this._dependents = observable.map<INode>();
 }
开发者ID:trevorhanus,项目名称:reMath,代码行数:7,代码来源:Node.ts

示例2: constructor

 public constructor(props: KeyToYubiKeyProps) {
   this.fingerprint = props.fingerprint;
   this.card_id = props.card_id;
   this.slot_id = observable.box(props.slot_id);
   this.passphrase = observable.box(props.passphrase);
   this.admin_pin = props.admin_pin || new Pin();
 }
开发者ID:mabels,项目名称:clavator,代码行数:7,代码来源:key-to-yubikey.ts

示例3: constructor

 public constructor(props: PinProps = {}) {
   if (props.pin) {
     this.pin = observable.box(props.pin);
   } else if (props._pin) {
     this.pin = props._pin;
   } else {
     this.pin = observable.box('');
   }
   this.match = props.match || new RegExp(PinDefaultRegex);
 }
开发者ID:mabels,项目名称:clavator,代码行数:10,代码来源:pin.ts

示例4: constructor

 constructor(val?: boolean|NestedFlag, value = false) {
   super('NestedFlag');
   this.children = [];
   if (typeof(val) == 'boolean' || !val) {
     this.parent = undefined;
     this.value = observable.box(!!val);
   } else {
     this.parent = val;
     this.parent.children.push(this);
     this.value = observable.box(undefined);
   }
 }
开发者ID:mabels,项目名称:clavator,代码行数:12,代码来源:nested-flag.ts

示例5: it

    it('Adding variable whose formula references a non-existent symbol', () => {
        const remath = new Remath();
        let view: ObservableMap<string> = observable.map<string>();
        const render = sinon.spy(() => {
            renderCells(remath, view);
        });
        autorun(render);

        // add a
        const a = remath.addCell({
            symbol: 'a',
            formula: '= b + 10'
        });
        expect(render.callCount).to.equal(2);
        expect(view.get('a')).to.equal('sym:a,formula:b + 10,val:NaN,disp:#REF?');

        // add b = 30
        runInAction(() => {
            const b = remath.addCell({
                symbol: 'b',
                formula: '=30'
            });
        });
        expect(view.get('b')).to.equal('sym:b,formula:30,val:30,disp:30');
        expect(view.get('a')).to.equal('sym:a,formula:b + 10,val:40,disp:40');
    });
开发者ID:trevorhanus,项目名称:reMath,代码行数:26,代码来源:Integration_1.test.ts

示例6: constructor

 constructor(warrent: Warrent/* , contentReg = '.' */) {
   super('ViewWarrent');
   this.warrent = warrent;
   // this.contentReg = contentReg;
   this._approved = observable.box(false);
   // this.min = 0;
   // this.max = 0;
 }
开发者ID:mabels,项目名称:clavator,代码行数:8,代码来源:view-warrent.ts

示例7: constructor

 public constructor(v: Date, e: string) {
   super('DateValue');
   this.errText = e;
   this.date = observable.box(undefined);
   this.date.observe(action((chg: IValueDidChange<Date>) => {
     const f = format_date(chg.newValue);
     this.formatDate.set(f);
     // chg.newValue.setHours(0);
     // chg.newValue.setMinutes(0);
     // chg.newValue.setSeconds(0);
     // chg.newValue.setMilliseconds(0);
     // console.log('observe fix', chg.newValue);
   }));
   this.formatDate = observable.box(undefined);
   this.formatDate.observe(action((chg: IValueDidChange<string>) => {
     this.date.set(new Date(chg.newValue));
   }));
   action(() => this.formatDate.set(format_date(v)))();
 }
开发者ID:mabels,项目名称:clavator,代码行数:19,代码来源:date-value.ts

示例8: it

    it('throws if an undo instance is called twice', () => {
        let object = observable.map({ key: 2 });
        let undoableAction = action('updateMap')(() => {
            object.set('key', 5);
        });

        let undoResult = createUndo('updateMap')(undoableAction);
        undoResult();

        expect(undoResult).toThrow();
    });
开发者ID:Microsoft,项目名称:satcheljs,代码行数:11,代码来源:createUndoTests.ts

示例9: constructor

 constructor(warrents: Warrents, diceWares: DiceWare[], smartCardId: string) {
   this.warrents = warrents;
   this.smartCardId = observable.box(smartCardId);
   this.readOnly = new NestedFlag(false);
   this.common = new SimpleKeyCommon(warrents, this.readOnly);
   this.passPhrase = PassPhrase.createDoublePasswords(8, new Warrents(this.warrents.map(w => w)), diceWares,
     CharFormat.wildcard(), 'PassPhrase error', ' ', 1);
   this.adminKey = PassPhrase.createPerWarrent(new Warrents(this.warrents.map(w => w)), null,
     CharFormat.decNumber(), 'adminpin error', '', 8, 8);
   const me = (new Warrents()).add(warrents.first());
   this.userKey = PassPhrase.createPerWarrent(me, null, CharFormat.decNumber(), 'userPin Error', '', 6, 8);
 }
开发者ID:mabels,项目名称:clavator,代码行数:12,代码来源:simple-yubikey.ts


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