安古拉杰-如果不起作用

Question

感谢有人能帮助解释为什么我的复选框投票:无法控制ng-if指令？但是，保留HTML:复选框是可行的。

<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>

Answer 1

你得用纳克秀。工作实例：

ng-show="myVar"

http://jsfiddle.net/f8cjv7eL/

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

Answer 2

您不应该为此使用模板变量，请使用scope.myVar，您可以根据情况随时更改它，顺便说一句，myVar不在循环中，您有两个选项

1)提取JS部分中的值(仅在计算值的情况下) 2)将输入移到循环中(如果需要为数组上的每个记录显示输入)