在ng-repeat內部對js應用罷工

如何刪除項目列表的名稱並在點擊後禁用該複選框？我可以使用ng-click或其他檢查事件嗎？在ng-repeat內部對js應用罷工

http://plnkr.co/edit/Yh02rAuH40XU0hB4eQO6?p=preview

2014-04-04 user3398172

你可以刪除線純CSS：

input[type="checkbox"]:checked+label{ text-decoration: line-through; }

將罷工通過標籤時一個複選框被選中。

我不明白在禁用複選框時的重點;沒有足夠的區分檢查和未檢查的足夠？

來源

2014-04-04 08:28:23 Raibaz

我想不是的CSS，我想有控制在js方面，當我在ngrepeat中找到合適的索引時，我很努力。 – user3398172

嗯，這裏是使用AngularJS版本：

http://plnkr.co/edit/G29qWXYfzpmiIg6DZyKI?p=preview

首先，我設置的CSS類，那麼就複選框一個NG-模型，所以狀態保存。

如果您閱讀一些Angular Docs，這將有所幫助。在AngularJS主頁面上是一個你應該遇到的例子，如果你想稍微介入AngularJS。所以請閱讀。

來源

2014-04-04 08:56:21 Novalis

簡單地綁定與ng模型和返回true或false的檢查狀態？哇..如果我想在檢查時隱藏物品該怎麼辦？ – user3398172

更改原因的類別。 'display：none'我覺得你沒有看過這個例子。他們也在那裏躲藏。所以去讀書吧，別讓別人爲你做這些工作。 – Novalis

我讀過這個例子，但我感覺很失落。我知道如何在CSS中做事，但我覺得我無法控制使用ng模型。如果它是jQuery，我可以添加一個檢查函數來捕獲它是否被檢查，我可以做到這一點，並且像傳遞id，使用ajax等發送給後面。我希望你能感覺到我的痛苦和奮鬥 – user3398172

如果取該指數是所有你想要的，你可以使用$指數

<table> 
<tbody ng:repeat="tasks in tasksList"> 
<tr><td><input type="checkbox" id="$index" ng-click="checkBoxClicked($index)"/> 
<td>{{tasks}}</td></td></tr> 
</tbody> 
</table>

在JS文件，你讀取索引

$scope.checkBoxClicked = function(taskIndex){ 
     alert(taskIndex); //the index gets prompted 
    };

來源

2014-07-14 12:21:39 NSDumb

在ng-repeat內部對js應用罷工

回答

相關問題