Angularjs定制指令错误

Question

任何人都可以请帮助什么是在这个指令错在这里...

app.directive('colorList', function ($compile) { 

    return { 
     restrict: 'AE', 
     template: "<button ng-click ='showHideColors()' type='button'>" 
      + "{{isHidden?'Show Available colors':'Hide Available colors'}}" 
      + "</button> <div ng-hide='isHidden' id='colorContainer'>" 
      + "</div>", 
     link: function ($scope, $element) { 

      $scope.isHidden = true; 
      $scope.showHideColors() = function() { 
       $scope.isHidden = !$scope.isHidden; 
      } 

      var colorContainer = $element.find('div'); 
      angular.forEach($scope.colorsArray, function (color) { 
       var appendString = "<div style = 'background-color:" + color + "'>" + color + "</div>"; 
       colorContainer.append(appendString); 
      }); 

     } 
    }; 


}); 

Answer 1

我可以当场一个问题后，用下面的代码

$scope.showHideColors() = function() { $scope.isHidden = ! scope.isHidden; } 

您已经添加了（）函数名称。因此，请将其移除，如下所示：

$scope.showHideColors = function() { $scope.isHidden = !$scope.isHidden; }