Javascript html将range元素与number元素angularjs绑定

我有一个基于平均堆栈的应用程序，我正在使用jade作为模板

现在，我尝试绑定两个元素（范围和数字），以便用户能够通过范围元素或在数字类型输入中输入数字来选择值

.row.col-lg-12.col-md-12.col-xs-12.col-sm-12.form-group
    .col-md-4.col-lg-4.col-xs-12.col-sm-12
        label.ng-binding(for="quantity") Quantity
    .col-md-4.col-lg-4.col-xs-12.col-sm-12
        input.form-control(type="range",min="0",max="{{sale.transaction.newItem.item.stock}}",step="1", ng-model="sale.transaction.newItem.quantity", name="quantity")
.row.col-lg-12.col-md-12.col-xs-12.col-sm-12.form-group
    .col-md-4.col-lg-4.col-xs-12.col-sm-12
        label.ng-binding Note: Please slide the bar to change the quantity of item selected.
    .col-md-4.col-lg-4.col-xs-12.col-sm-12
        input.form-control(type="number", value={{sale.transaction.newItem.quantity}}, ng-model="sale.transaction.newItem.quantity")

---

当我尝试此方法时，即使我更改了range元素的值，第二个输入元素中也没有得到任何值

我建议您查看@SimonH，我不确定该示例来自何处，但它没有完全起作用；更改范围控件不会按其应更改的值。