2016-11-23 6 views
0

なぜ誰かが私のチェックボックスを投票した理由を説明できるのであれば、感謝します。投票:ng-if疑似命令を制御できませんか?ただし、Keep HTML:チェックボックスの実行は可能ですAngularjs ng-ifが機能していない

<p> 
    <li ng-repeat="x in info"> 
    {{x.name}} Voted: 
    <input type="checkbox" 
     ng-model="myVar" 
     ng-init="myVar =true"> 
    </li> 
</p> 

<input type="checkbox" ng-model="myVar" ng-init="myVar =true"> 
<h1 ng-if="myVar">Welcome2</h1> 
<script> 
    var app = angular.module("myApp", []); 
    app.controller("myCtrl", function($scope) { 
    $scope.myObj = { 
     "color": "white", 
     "background-color": "coral", 
     "font-size": "60px", 
     "padding": "50px" 
    } 

    $scope.info = [{ 
     name: 'woon', 
     age: '18' 
    }, 
    { 
     name: 'amir', 
     age: '17' 
    }]; 
    }); 
</script> 
+0

'その繰り返しループならびに下入力の両方で、複数回myVar'に結合なぜ? – Igor

答えて

1

ng-showを使用する必要があります。 実施例:

ng-show="myVar" 

http://jsfiddle.net/f8cjv7eL/

what is the difference between ng-if and ng-show/ng-hide

+0

メッセージのおかげで、woonに基づいて投票された小切手かamir投票された小切手私はあなたのことを理解していないようにWelcome2を表示するようにWelcome2を表示したい –

+1

そのループでは、同じ変数に複数回バインドしていますが、それは間違っています。 – yBrodsky

+0

チェックボックスをオンにしてチェックし、ウェルカムメッセージを表示したいのですがチェックします。 HTMLをチェックしてチェックしないようにしています。私はwoonとamirのチェックボックスのために同じことをしたい –

関連する問題