Question

为什么这不起作用？

我进行了现场测试。

但是当我点击child1的<p>时，它不会影响child2 <p>。

<div ng-init="test=false">
    <div id="child1">
        <p ng-click="test=!test">
            Click!
        </p>
    </div>
    <div id="child2">
        <p ng-if="test">
            Clicked..
        </p>
    </div>
</div>

Answer 1

您需要在JS中定义角度模块并使用ng-app指令进行分配。像这样：

＆＃13;

<!DOCTYPE html>
<html ng-app="sample">

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    angular.module('sample', []);
  </script>
</head>


<body>
  <div ng-init="test=false">
    <div id="child1">
      <p ng-click="test=!test">
        Click!
      </p>
    </div>
    <div id="child2">
      <p ng-if="test">
        Clicked..
      </p>
    </div>
  </div>
</body>

</html>

＆＃13;

Answer 2

每个指令都会创建自己的范围。

因此，如果要访问父作用域中的变量/对象，则需要使用/node_modules/react/lib/React

$parent

ng-click不会影响父母的孩子

2 个答案: