ionic input insert with ion-toggle instead of button
<p>I would very much like to combine an <a href="http://ionicframework.com/docs/components/#item-input-inset" rel="nofollow noreferrer">item-input-inset</a> with an <a href="http://ionicframework.com/docs/api/directive/ionToggle/" rel="nofollow noreferrer">ion-toggle</a> instead of the button - so the user can choose to disable the input field. </p>

<p>What I want is something like this:</p>

<p><a href="https://i.stack.imgur.com/mS5bc.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mS5bc.gif" alt="enter image description here"></a></p>

<p>I do wish to connect the text input to a model so I always have a variable that is <code>Not Applicable</code> or some other string that the user entered (or empty).</p>

<p>But my first problems has been the layout that seems to mess up. This is how far I got:</p>

<pre><code>  &lt;div class="item item-input-inset"&gt;
        &lt;label class="item-input-wrapper"&gt;
          &lt;input type="text" placeholder="Text input"&gt;
        &lt;/label&gt;
        &lt;ion-toggle&gt;
        &lt;/ion-toggle&gt;
      &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>gives the following messed up layout </p>

<p><a href="https://i.stack.imgur.com/lHOox.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lHOox.png" alt="enter image description here"></a></p>