angularjs点击标签文字消失

Question

我是angularjs的新手，有一个应用程序，并想显示无线电输入列表。当用户点击其中一个标签文本消失。个HTML及以下JS：

HTML

<form> 
<ul class="list-unstyled"> 
    <li ng-repeat="domain in domains track by $index"> 
     <input type="radio" name="domain" id="{{$index}}" ng-model="domain"> 
     <label for="{{$index}}" ng-bind="domain.name"></label> 
    </li> 
</ul> 
<input class="btn btn-success" value="Submit" type="submit"> 

控制器

app.controller('domainsCtrl', ['$scope', '$http', function($scope, $http){ 
$scope.domains = [ 
    { 
     name: 'smart.ir' 
    }, 
    { 
     name: 'idiot.com' 
    }, 
    { 
     name: 'smartalec.net' 
    } 
] 
}]); 

Answer 1

你正在挣扎的问题是因为在你的NG重复指令，所有的电台输入具有相同的ng Model指令。不允许在angularjs中为多个元素使用相同的ng模型指令。 您可以轻松区分ng模型usinf $ index。 只用这一个：

<form> 
<ul class="list-unstyled"> 
    <li ng-repeat="domain in domains track by $index"> 
     <input type="radio" name="domain" id="{{$index}}" ng-model="domain{{$index}}"> 
     <label for="{{$index}}" ng-bind="domain.name"></label> 
    </li> 
</ul> 
<input class="btn btn-success" value="Submit" type="submit">