2016-11-23 145 views
0

如果有人能夠幫助解釋爲什麼我的複選框Voted:無法控制ng-if指令嗎?但是,對於保留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喜歡保留HTML –

+1

我不明白你的意思。在那個循環中,你多次綁定到同一個變量,這是錯誤的。 – yBrodsky

+0

好的基於複選框檢查並取消選中我想顯示歡迎2消息。就像我們爲保持HTML檢查並取消選中一樣。我想爲woon和amir複選框做同樣的事情 –