I updated iconic from beta 1 to 4.
And then the getVCode is never called when I click the button.
<div class="list">
<label class="item item-input item-button-right">
<span class="input-label">code</span>
<input type="text" placeholder="please input your code" ng-model="vcode">
<button class="button button-positive" ng-click="getVCode()">
get your code
</button>
</label>
</div>
ps. I am not sure what is the right way associating a button to an input.
The code above still has another issue, that is, when you enter a long text in the input,
the right part of the text is under the button.
Thanks a lot.
It seems that “item-input-inset” is indispensable here, and it makes my view a little weird.
But it is OK.
However, when I tried it on my device, I found the button is not located next to the right border.
There is a big gap between the button and the right border.
My android version is 4.0.4
Maybe I should create another topic, but it is quite related.
I just tested your code on my phone.
When in portrait orientation, the button is half-shown.
The right half part of the button is out of view.
While in landscape orientation, everything is fine.
Meanwhile, the gap between the label and the input is unnecessarily huge.
Can I set the gap?
Lets open a new post for this. Can you include your version of ionic, device, device version, and your meta tag? Also, can you install the ionic keyboard plugin?
I just installed the keyborad plugin. But the problem is still there.
I am using ionic 1.0.0 beta 5.
My android device: 4.0.4
The meta tag: <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
I have similar issue.
One list with Barcode, Size and Color. Next input of barcode, I want to add one button to enable Barcode scanning using Cordova plugin. But it seems that the data changed in $scope won’t be reflected for input element.