Question

嗨，伙计们我正在尝试使用ng-class并将类添加到表达式中，以便我可以对表达式绑定进行单元测试。但是，似乎我错过了一些东西。

按钮：

<li><a class=""  ng-click="onAddInterface()"><i class="icon-plus-sign"></i> add interface </a></li>

应该折叠和展开的面板。

<div class="collapse" ng-class="{in:showCreateNewInterfacePanel}"><div>

被解雇的函数

$scope.onAddInterface=function(){
  $scope.showCreateNewInterfacePanel=true;
}

无论如何点击链接没有任何反应！

我错过了什么吗？

Answer 1

我不确定你是否真的定义了$scope.onAddInterface函数，或者它只是一个例子......不过你应该这样做：

$scope.onAddInterface = function() {
  $scope.showCreateNewInterfacePanel = true;
}

<强>更新

还要确保链接和可折叠元素位于相同的$ scope / Controller：

下

<div ng-controller="Ctrl">
  ...
  <a ng-click="onAddInterface()">add interface</a>
  ...
  <div class="collapse" ng-class="{in:showCreateNewInterfacePanel}"><div>
  ...
</div>

控制器：

function Ctrl($scope) {
  $scope.onAddInterface = function() {
    $scope.showCreateNewInterfacePanel = true;
  }
}

Answer 2

我遇到了一个非常类似的问题，并且通过在＆＃39;中添加＆＃39;来解决这个问题。在引号中。它是一个字符串，而不是变量。

  ...
  <div class="collapse" ng-class="{'in':showCreateNewInterfacePanel}"><div>
  ...

角度ng级不起作用？

2 个答案: