Question

在角度中，如果我将单选按钮从“否”更改为“是”，则跨度内容应隐藏。我不知道怎么参加这个活动。

      <div class="onoffswitch-green1">
          <input type="radio" id="radios3" name="radiosgg" class="SwitchOn" value="true"  checked 
           ng-click="radioChecked()">
          <label for="radios3">Yes</label>
          <input type="radio" id="radios4" name="radiosgg" class="SwitchOff" value="false" ng-
           click="radiounChecked()">
          <label for="radios4">No</label>
        </div>
              <span class="temsize">
        <label>Team Size</label>
        <input type="text" class="s-txtboxes">
        </span>

你的ans会非常有帮助。感谢

Answer 1

<强> updated jsFiddle

Angular已经定义了处理无线电输入的行为。您不必使用任何radioChecked功能，只需在ng-model上使用value和input的组合：

<input type="radio"
       ng-model="hasTeam"
       value="true"/> - Yes

<input type="radio"
       ng-model="hasTeam"
       value="false"/> - No

<span ng-if="hasTeam">
  I'm showing only if yes is selected.
</span>

也许你应该read the docs here。

Answer 2

您必须使用ng-hide或ng-show指令

例如

HTML

 <input type="radio" id="radios3" name="radiosgg" class="SwitchOn" value="true"  checked 
           ng-click="radioChecked()" ng-model="myvar" ng-hide="hideVar">

的JavaScript

$Scope.hideVar = false;
$Scope.myvar = false;

$Scope.radioChecked= function () {
   $Scope.hideVar = true;  // Hide your checkbox
   ... dosomething... 
}

在更改单选按钮时，没有跨度应隐藏在角度

2 个答案: