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


TypeScript index.dom类代码示例

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


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

示例1: testDom

function testDom() {
  const obs = observable("grain");
  const isValid = observable(false);
  return [
    dom('div#test1',
      input(obs, {}, {type: 'text', placeholder: 'Your name...'}),
    ),
    dom('div#test2',
      input(obs, {isValid}, {type: 'email', placeholder: 'Your email...'}),
      ' isValid: ', dom('b', dom.text((use) => String(use(isValid)))),
    ),
    dom('div#test3',
      input(obs, {onInput: true}, {type: 'text'}),
    ),
    "Current value: ", dom.text(obs),
  ];
}
开发者ID:gristlabs,项目名称:grainjs,代码行数:17,代码来源:index.ts

示例2: dom

        dom('input#test_value', {type: 'text'}, dom.prop('value', value),
          dom.on('input', (e, elem) => value.set((elem as HTMLInputElement).value))),
      ),
      textarea = dom('textarea', {rows: "10"}, choices.get().join("\n"),
        dom.on('blur', parseChoices),
      ) as HTMLTextAreaElement,
      dom('div',
        dom('input', {type: 'button', value: 'Update'}, dom.on('click', parseChoices)),
      ),
    ),
    dom('div#test_array',
      select(value, ["apple", "cherry", "tomato", "orange"]),
    ),
    dom('div#test_num',
      select(numValue, numChoices),
      dom('div', "Current value:", dom('br'),
        dom('input#test_num_value', {type: 'text', size: "6"}, dom.prop('value', numValue),
          dom.on('input', (e, elem) => {
            const val = (elem as HTMLInputElement).value;
            const n = parseFloat(val);
            if (!isNaN(n)) { numValue.set(n); }
          })),
        " type: ",
        dom('b#test_num_type', dom.text((use) => String(typeof use(numValue)))),
      ),
    ),
  ];
}

dom.update(document.body, testDom());
开发者ID:gristlabs,项目名称:grainjs,代码行数:30,代码来源:index.ts


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