Javascript 如何将ng if与单选按钮一起使用？_Javascript_Angularjs

Javascript 如何将ng if与单选按钮一起使用？

javascript angularjs

Javascript 如何将ng if与单选按钮一起使用？,javascript,angularjs,Javascript,Angularjs,这应该是一个简单的问题我在使用带有单选按钮的ng if时遇到问题。这些是我的按钮： <label class="radio-inline"> <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the month </label> <label class="radio-inli

这应该是一个简单的问题

我在使用带有单选按钮的

ng if

时遇到问题。这些是我的按钮：

<label class="radio-inline">
    <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the
    month
</label>
<label class="radio-inline">
    <input type="radio" id="day_week" ng-model="day_month" name="inlineRadioOptions" value="option2"> day of the
    week
</label>


开斋节
月
开斋节
周

如果选择了第一个单选按钮，如何使用

ng if

来显示内容？

您的模型将使用

[value]

属性中的任何值进行更新，因此您可以检查

ng model

指定的任何变量中存储的数据：

<div ng-if="day_month === 'option1'">...example...</div>

…示例。。。

您的模型将使用

[value]

属性中的任何值进行更新，因此您可以检查存储在

ng model

指定的任何变量中的数据：

<div ng-if="day_month === 'option1'">...example...</div>

…示例。。。

使用输入的

值选择后，将更新绑定的模型日\月
。检查该值是否等于该值将使您能够检查输入是否已被选中。请参见下面的示例
<label class="radio-inline">
    <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the
    month
</label>
<label class="radio-inline" ng-show="day_month == 'option1'">
    <input type="radio" id="day_week" ng-model="day_month" name="inlineRadioOptions" value="option2"> day of the
    week
</label>


开斋节
月
开斋节
周
使用输入的值选择后，将更新绑定的模型日\月
。检查该值是否等于该值将使您能够检查输入是否已被选中。请参见下面的示例
<label class="radio-inline">
    <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the
    month
</label>
<label class="radio-inline" ng-show="day_month == 'option1'">
    <input type="radio" id="day_week" ng-model="day_month" name="inlineRadioOptions" value="option2"> day of the
    week
</label>


开斋节
月
开斋节
周
似乎您需要根据单选按钮的选择来显示和隐藏某些内容。我们可以直接将一个布尔值绑定到复选框中，并且可以非常轻松地进行绑定。如果你想用单选按钮，请找到下面的解决方案。
HTML:
<body ng-app=”app”>
<div ng-controller="PageController">
<label>
    <input type="radio"  ng-model="color.name" value="Red"> Red
</label>
<label>
    <input type="radio"  ng-model="color.name" value="Green"> Green
</label><br>
<div ng-if="color.name==='Red'?true:false">
Hidden Message
</div> 
</body>

var app =angular.module("app",[]);
app.controller("PageController",function($scope){
$scope.color={name:'Green'};

});

工作示例
似乎您需要根据单选按钮的选择来显示和隐藏某些内容。我们可以直接将一个布尔值绑定到复选框中，并且可以非常轻松地进行绑定。如果你想用单选按钮，请找到下面的解决方案。
HTML:
<body ng-app=”app”>
<div ng-controller="PageController">
<label>
    <input type="radio"  ng-model="color.name" value="Red"> Red
</label>
<label>
    <input type="radio"  ng-model="color.name" value="Green"> Green
</label><br>
<div ng-if="color.name==='Red'?true:false">
Hidden Message
</div> 
</body>

var app =angular.module("app",[]);
app.controller("PageController",function($scope){
$scope.color={name:'Green'};

});

工作示例
这是我认为我必须做的，但这对我来说不起作用，我不知道为什么。那对你有用吗？那是我认为我必须做的，但那对我不起作用，我不知道为什么。这对你有用吗？是两个相等还是三个相等？即==
或===
？不管怎样，那都不行。我做错什么了吗？哎呀，我没有注意到你使用了ng show
。不管怎样，我试过了，也没用。我有其他条件，它们可以在ng if
或ng show
中正常工作。只有当我添加这个条件时，它才会停止工作。您可以更改JSFIDLE使其与您的问题相匹配，因为我们可以进一步查看：）它是两个相等还是三个相等？即==
或===
？不管怎样，那都不行。我做错什么了吗？哎呀，我没有注意到你使用了ng show
。不管怎样，我试过了，也没用。我有其他条件，它们可以在ng if
或ng show
中正常工作。只有当我添加这个条件时，它才会停止工作。您可以更改JSFIDLE以使其与您的问题相匹配，因为我们可以进一步查看：）