当一个单选按钮是在NG-重复，当我在电台按钮，在div将被启用点击？ [英] when a radio button is in ng-repeat when i click on radio button the div will be enable?

问题描述

下面当我在电台按钮，请单击下面的div应禁用如果检查的单选按钮是等于在这里sj.But它不工作，如果我用NG-重复的单选按钮同样是工作，如果其static.Could任何一个帮我出什么错误，我在这里做？

 ＆LT; D​​IV NG-应用=plunker＆GT;
  ＆LT; D​​IV CLASS =包装NG-控制器=MyCtrl＆GT;
    ＆LT; H1＆GT;您好！有＆LT; / H1＆GT;
    ＆LT; P＆GT;按单选按钮来更改内容＆LT;！/ P＆GT;
    ＆LT;形式为GT;
      ＆LT; D​​IV NG重复=S颜色＆GT;
      ＆LT;输入ID =第一类型=电台NAME =内容NG模型=内容值=s.name＆GT; {{s.name}}
      ＆LT; BR /＆GT;＆LT; / DIV＆GT;
    ＆LT; /表及GT;    ＆LT; D​​IV CLASS =包装＆GT;
      ＆LT; p NG秀=内容=='SJ'＆gt;这是第一个内容＆LT;！/ P＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;＆LT;脚本＆GT;
VAR应用= angular.module（'plunker'，[]）;app.controller（'MyCtrl'，函数（$范围）{
    $ scope.color = [{名：SJ}，{名：asfdsaf}，{名：sdfsadf}，{名：自卫队}];
}）;＆LT; / SCRIPT＆GT;
 

解决方案

事情夫妻俩都错过了。

1. 更改您 NG-模型范围变量指向其父像 NG-模式=$ parent.content而不是 NG-模式=内容，因为NG-重复创建从当前范围子范围。


2. 使用 NG-值，而不是为范围的变量绑定到它值属性。

HTML

 ＆LT;形式为GT;
    ＆LT; D​​IV NG重复=S颜色＆GT;
        ＆LT;输入ID =第一类型=电台NAME =内容NG模型=$ parent.contentNG值=s.name＆GT; {{s.name}}
        ＆LT; BR /＆GT;
    ＆LT; / DIV＆GT;
＆LT; /表及GT;
 

工作Plunkr

Here when i click on radio button the following div should be disable if the checked radio button is equals to sj.But here its not working if i use ng-repeat for radio button same is working if its static.Could any one help me out what is the mistake i have done here?

<div ng-app="plunker">
  <div class="wrap" ng-controller="MyCtrl">
    <h1>Hello there!</h1>
    <p>Push the radio buttons to change the content!</p>
    <form> 
      <div ng-repeat="s in color">
      <input id="first" type="radio" name="content" ng-model="content" value="s.name">{{s.name}}
      <br/></div>
    </form>

    <div class="wrapper">
      <p ng-show="content == 'sj'">This is the first content!</p>
    </div>
  </div>
</div>

<script>
var app = angular.module('plunker', []);

app.controller('MyCtrl', function($scope) {
    $scope.color = [{"name":"sj"},{"name":"asfdsaf"},{"name":"sdfsadf"},{"name":"sdf"}];
});

</script>

解决方案

Couple of things are missed

1. Change you ng-model scope variable to point its parent like ng-model="$parent.content" instead of ng-model="content", because ng-repeat creates child scope from current scope.
2. Use ng-value instead of value attribute for binding scope variable to it.

HTML

<form>
    <div ng-repeat="s in color">
        <input id="first" type="radio" name="content" ng-model="$parent.content" ng-value="s.name">{{s.name}}
        <br/>
    </div>
</form>

Working Plunkr

这篇关于当一个单选按钮是在NG-重复，当我在电台按钮，在div将被启用点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！