<div class="mui-numbox mfs1" data-numbox-min='1' data-numbox-max='{{pro.canBuyNum}'>
<button class="mui-btn mui-numbox-btn-minus mbg-color2" type="button">-</button>
<input class="mui-numbox-input" type="number" value="1" />
<button class="mui-btn mui-numbox-btn-plus mbg-color2" type="button">+</button>
</div>
andyliu84
- 发布：2015-10-19 11:40
- 更新：2015-10-28 17:03
- 阅读：3238
numbox-max的值通过angular传入，没有控制到限制最大值的功能。
分类：MUI
4 个回复
最佳回复
houfeng2016
angular 的绑定应该发生在 numbox 初始化之后了，所以才不会有效果。
可以通过代码设置:
andyliu84 (作者)
<div class="mui-numbox mfs1" id='numbox' data-numbox-min='1' data-numbox-max='{{pro.canBuyNum}'>
<button class="mui-btn mui-numbox-btn-minus mbg-color2" type="button">-</button>
<input class="mui-numbox-input" type="number" value="1" />
<button class="mui-btn mui-numbox-btn-plus mbg-color2" type="button">+</button>
</div>
给div设置一个id,在通过numbox.setOptions('max',value);设置值吗？
还有值设置好了，又怎么去获取这个值呢 ？
houfeng2016
是的，我更新了我的回复，您可以看一下。
2015-10-22 17:51
andyliu84 (作者)
你好 ，我通过mui
<li class="mui-table-view-cell mlh">
<span>数量：</span>
<div class="mui-numbox mfs1" data-numbox-min='1' data-numbox-max="10">
<button class="mui-btn mui-numbox-btn-minus mbg-color2" type="button">-</button>
<input class="mui-numbox-input" type="number" value="1" id="subNum" />
<button class="mui-btn mui-numbox-btn-plus mbg-color2" type="button"> </button>
</div>
</li>
<li class="mui-table-view-cell mlh">
<span>金额：</span>
<span class="mft-color4 mft-size1">￥100</span>
<button type="button" class="mui-btn mbc" ng-click="addSubOrder()">
立即认购</button>
</li>
做了一个下订单的应用，点击加减号，对应的输入框数量发生变化，相应下面的金额也发生变化，请问我怎么去监听到点击加减按钮，或者监听到数量发生变化的事件。
houfeng2016
监听 “mui-numbox-input” 的 “change” 或 “input” 事件即可
gadget2k
请问Numbox直接拷贝的示例代码，却会在console中报Uncaught TypeError: undefined is not a function at js/mui.min.js:6。怎么解决？
2015-11-13 20:24
houfeng2016
检查并确认代码是否有错误，可以尝试引用 mui,js (未压缩版)，以方便确定错误原因
2015-11-16 11:38
everyday666
回复 houfeng2016:同样错误。..你确定能用。
2018-01-06 17:41