2016-07-29 9 views
0

私は、チェックボックスを検証するために角度使用し、そのためのng-modelを使用していますチェックボックスのチェック状態を削除ngModel:チェックボックスが埋め込まれているページは、ステータスを渡すリンクを介して呼び出されたは自動的

<input type="checkbox" name="news1" value="news1" ng-model="news" <c:if test="${xxxx == yes'}">checked="checked"></c:if>> 
<label ng-click="news1();"></label> 

ニュース1の(はい)..私はユーザーがnews1のために登録されている恋人であるかどうかを意味します。そうであれば、チェックボックスを動的にチェックする必要があります。それ以外の場合は、チェックが外されます。

問題は、/ add:ng-model="news1"をチェックボックスの属性として使用すると正しく動作しないことです。このチェックボックスは数秒間チェックされ、突然チェックされなくなります。私は、ページがロードされた後、ユーザーがチェックおよび/またはチェックボックスのチェックを外すことができるように、チェックボックスの状態を変更するには、次の機能を備えたんだコントローラで

$scope.news1 = function(){ 
    if(!$scope.news1){ 
     $scope.news1 = !$scope.news1; 
    } else{ 
     $scope.news1 = !$scope.news1; 
    } 
}; 

質問リンク内のnews1のステータスがyesの場合、Checkboxがチェックされ続けるようにこれを修正する方法はありますか? どのように角度がチェックボックスを自動的にオフにするのを防ぐことができますか?

ありがとうございます!

+0

プロパティと関数名に同じ名前を使用しています。両方の名前をわかりやすいものに変更すると、問題が解決します。 – andale

+0

は両方の値を使用するか、ng-modelのどちらかを使用します。 – doge1ord

+0

誰も助けてくれなかった...生成されたコードをクロムでチェックすると、角度が属性クラスの値として次のチェックボックスを追加することがわかります。calss = "チェック - フィリリアンng-pristine ng-untouched ng-valid ng-空の" –

答えて

0

が、私は解決策を見つけた...それはng-init="xxxxx=true"です:

<input type="checkbox" name="news1" value="news1" ng-model="news" <c:if test="${xxxx == yes'}"> ng-init="news=true"></c:if>> 

ありがとう!