javascriptでチェックされたプロパティがtrueに設定されていると、チェックボックスがチェックインされていない

Question

ng-repeatで生成されているテーブルにチェックボックスがあります。

<input type="checkbox" id="chkView{{::myObj.TeamId}}" 
    ng-disabled="disableView(myObj)" 
    ng-click="setViewSelection(myObj.TeamId, this.checked)"> 

チェックボックスが何ng-model属性を持っていないし、これは意図的なものだった：

チェックボックスは、次のように定義されています。私は、各チェックボックスのステータスをcheckedのjavascriptで直接制御したいと思っていました。

何らかの理由で、チェックボックスが応答しないため、checkedのプロパティがjavascriptで更新されています。私はJavaScriptでこの文を持っているのであれば：

document.getElementById('chkView27').checked = true;` 

それはプログラムで動作します、私は

console.log(document.getElementById('chkView27').checked); 

を行うことができますし、それはコンソールにtrueを印刷します。しかし、ブラウザのUIには反映されていません。ブラウザでは、チェックボックスはオフのままです。私は事実の後にチェックボックスのcheckedプロパティに何も影響していないことを確認しました。 UIは更新されません。どうしてこれなの？

EDIT：プラサドの提案を1として、私はこのような$scope.$applyでステートメントをラップ試してみました：

$scope.$apply(function() { 
    document.getElementById('chkView27').checked = 'checked'; 
}); 

しかし、これは単に「アクションすでに進行中」エラーをスローする角度の原因となります。 ？

https://docs.angularjs.org/error/ $ rootScope/INPROG P0 = $ダイジェスト

Answer 1

設定するだけでなく、 "確認" の文字列へのchecked属性：JavaScriptで行わ

document.getElementById('chkView27').checked = 'checked'; 

Answer 2

DOM操作は直接文句を言わない、DOMに影響を与えているため角度が分からない。コントローラーでこれを直接実行している場合、正常に動作します。しかし、普通のjavascriptでそれをやっているのなら、$ applyを使ってDOMに変更を加えたことを角度に知らせる必要があります。角度が更新されます。