Question

感谢是否有人可以帮助解释为什么我的复选框Voted：无法控制ng-if指令？但是，它对于Keep 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。工作示例：

ng-show="myVar"

http://jsfiddle.net/f8cjv7eL/

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

Answer 2

您不应为此使用模板变量，而应使用scope.myVar这样的方式，您可以随时更改它，具体取决于，顺便说一下，myVar处于循环状态，您有2个选项

1）在JS部分中提取该值（仅在计算该值时） 2）将输入移动到循环中（如果需要为数组中的每个记录显示输入）

Angularjs ng-if不起作用

2 个答案: