ember-one-way-controls

Native one way controls

Usage no npm install needed!

<script type="module">
  import emberOneWayControls from 'https://cdn.skypack.dev/ember-one-way-controls';
</script>

README

DEPRECATED: ember-one-way-controls

ember-one-way-controls was built by DockYard, contact us for expert Ember.js consulting.

This project has been deprecated. When Ember 1.13 came out it became possible to use the native <input> element with one-way bindings. Unfortunately, that version contained a bug that made the cursor jump to the end of the text in the input. This addon was built to correct that bug.

That bug has since been fixed in Ember 2.3.1. In the meantime, we had added some other form components to the addon, like a radio component, a textarea component and a select component. This kept the addon useful to us for a while.

Recently we started noticing that we only really needed the select component from this addon. This made us decide to extract this component to its own addon and deprecate this addon.

The new addon is called ember-one-way-select.

You can find the README of the old version here.

Migrating

one-way-input

{{! old }}
{{one-way-input myValue update=(action (mut myValue))}}

{{! new }}
<input value={{myValue}} oninput={{action (mut myValue) value="target.value"}}>

one-way-textarea

{{! old }}
{{one-way-textarea myValue update=(action (mut myValue))}}

{{! new }}
<textarea value={{myValue}} oninput={{action (mut myValue) value="target.value"}}></textarea>

one-way-checkbox

{{! old }}
{{one-way-checkbox myValue update=(action (mut myValue))}}

{{! new }}
<input type="checkbox" checked={{myValue}} onclick={{action (mut myValue) value="target.checked"}}>

one-way-radio

{{! old }}
{{one-way-radio myValue option=myOption update=(action (mut myValue))}}

{{! new }}
<input type="radio" checked={{eq myValue myOption}} onclick={{action (mut myValue) myOption}}>

Legal

DockYard, Inc © 2016

@dockyard

Licensed under the MIT license