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">