Question

我在angularjs中有一个像这样选择的工作表单。

<select ng-model="selectedProduct" 
    ng-options="product as product.text for product in products">
</select>

我想将其更改为单选按钮，因为产品中只有两个选项。用户界面将从中改进。上面的输出是value=0和value=1的选择选项。

我试过了：

<div ng-repeat="product in products">
    <input id="{{product.productId}}" type="radio" 
         name="BlahBlah" ng-value="{{$index}}" ng-model="selectedProduct" required />
    <label for="{{product.productId}}">
        {{product.text}}
    </label>
</div>

$index为单选按钮呈现value=0和value=1，就像选择选项一样。但它不起作用。控制器不会拾取和传递数据。如果可能的话，我宁愿不重写控制器中的东西。

我觉得这很容易： - / 我怎么能在这里前进？

Answer 1

您的选择的ng-model是一个产品对象，而不是0或1.等价物只是

it('should contain `everything` as a default value', () => {
  const wrapper = mount(<Picker name='cnn' />);
  expect(wrapper.state('sources')).to.exist()
});

演示：http://plnkr.co/edit/OLfcAwv4wEX2K3mAxBxK?p=preview

角度形式选择选项与单选按钮

1 个答案: