如何在ng-repeat中勾選複選框？

我有一些列表顯示用戶聲望人口普查。使用sigle選項單選按鈕我使用此代碼並在用戶回答時工作得很好，然後當他返回同一問題時檢查他以前的答案。如何在ng-repeat中勾選複選框？

<li ng-repeat="item in items"> 
    <input name="myName" value="{{item.id}}" type="radio" 
    ng-selected="myModel==item.id" ng-model="myModel"/>{{item.text}} 
</li>

但有了多選項我必須使用複選框，我不知道如何編寫代碼來檢查先前的答案。現在我使用此代碼，但它不起作用：

<li ng-repeat="item in items"> 
    <input name="myName" checklist-value="{{item.id}}" type="checkbox" 
    ng-checked="myModel==item.id" checklist-model="myModel"/>{{item.text}} 
</li>

請幫忙嗎？

UPDATE

現在我有與多個值內（基於myModel）一個模型排列。以下代碼我無法檢查正確的項目。

<li ng-repeat="item in items"> 
<input name="myName" checklist-value="{{item.id}}" type="checkbox" 
ng-checked="myModel[$index]==item.id" checklist-model="myModel"/>{{item.text}} 
</li>

我的錯誤在哪裏？感謝

來源

2015-05-15 Ethan Hunt

您可以創建任意撥弄或plunker ??? – Dhwani

對不起，沒有。因爲應用程序是非常大的... –

你可以動態地添加一個屬性到item.is_checked之類的項目對象，以確定該項目是否被選中 – Jax

嘗試以下snipet

<li ng-repeat="item in items"> 
    <input name="myName" type="checkbox" ng-model="ngModel" 
    ng-checked="myModel===item.id" ng-true-value="{{item.id}}"/>{{item.text}} 
</li>

來源

2015-05-15 10:13:12 dhavalcengg

它不起作用... –

<label ng-repeat="language in languages"> 
        <input type="checkbox" data-checklist-model="profile.languageId" data-checklist-value="language.languageId"> 
        {{language.Language}} &nbsp; 
       </label>

據工作代碼

步步 1）你需要donwload 「檢查表model.js」 js文件（everyting是geven下面的鏈接） 2）那麼你需要注入「清單模型」這個模塊在你的應用程序。 3）然後autometic你的/下面的代碼將工作。

注：請參閱以下網址：https://vitalets.github.io/checklist-model/

來源

2016-10-29 09:37:40

如何在ng-repeat中勾選複選框？

回答

相關問題