Javascript 删除类onclick。。。角js

这个有点疯狂。我已经在谷歌上搜索了几个小时，但还是想不出来

基本上，我有一个表单，有一排单选按钮。（通过ng repeat，数据正在整理，但基本上只是一种饮料的名称，有价格价值）。名字：拿铁。价格：2.00

<div class="field">
  <label class="radio" ng-repeat="drink in grindsIndex.menuDrinks" >
    <input id='drinkRadio' type="radio" ng-model="value"
         value="{{ drink.price }}" placeholder="{{ drink.name }}"
         name="name" ng-model="grindsIndex.name"
         ng-change="newValue(value)" ng-click="clickMethod()";/>
    {{ drink.name }}
  </label>
</div>

但每次我都会出错

app.js:33457错误：[jqLite:nosel]jqLite不支持通过选择器查找元素！"

我几乎无法使用removeClass，因为我的应用程序/angular不喜欢它

我想做的就是，当你点击第一行代码中的任何单选按钮时，让第二组单选按钮出现

有人能帮忙吗？谷歌正在展示一些复杂的选项，我是个新手

谢谢大家!！

---

Reena

为什么不使用

ng hide/ng show

<div id='extrasOptions' ng-show="foo" class="field">
    <label class="radio" ng-repeat="extra in grindsIndex.menuExtras" >
    <input type="radio" ng-model="value" value="{{ extra.price }}" placeholder="{{ extra.name }}" name="name" ng-change='newValue(value)'/ ng-click="count = count + extra.price" ng-init="count=0">{{ extra.name }}
    </label>
  </div>

---

Ofc您也可以使用FirstRadioButton的值。

您的答案中混合了and。您不能在angular 1.x中使用

[隐藏]

，在angular 2.x中也不能使用

$scope

。这对

ng show

非常有效，不过……谢谢您的回复！我尝试了您的解决方案，但后来我得到了：foo没有定义“…当然你必须在你的控制器中定义它。但是foo对于一个变量来说是一个坏名字。这只是一个例子很抱歉这个愚蠢的问题，但是我应该如何定义它呢？这是有效的：$scope.clickMethod=function（）{$scope.show=true；}；

$scope.clickMethod = function () {
  extrasOptions.removeClass('hide');
};

<div id='extrasOptions' ng-show="foo" class="field">
    <label class="radio" ng-repeat="extra in grindsIndex.menuExtras" >
    <input type="radio" ng-model="value" value="{{ extra.price }}" placeholder="{{ extra.name }}" name="name" ng-change='newValue(value)'/ ng-click="count = count + extra.price" ng-init="count=0">{{ extra.name }}
    </label>
  </div>

$scope.clickMethod = function () {
    foo = true
};