Angularjs 角度指令无法正确渲染

我有一个角度指令，它不能正确地渲染

以下是html：

<cloud-login ng-repeat='c in ctrl.clouds' cloud="{{c}}"></cloud-login>

以及该指令：

function CloudLoginDirective() {
  return {
  restrict: 'AE',
  template: '<a ng-click="ctrl.cloudLogin("{{cloud}}")"><img ng-src="../images/{{cloud}}.png"/></a>',
  link: function(scope, element, attrs) {
    attrs.$observe('cloud', function(cloud) {
      scope.cloud = cloud;
    });
  }
 };
}

函数CloudLoginDirective（）{
返回{
限制：“AE”，
模板：“”，
链接：函数（范围、元素、属性）{
属性$observe（'cloud'，函数（cloud）{
scope.cloud=云；
});
}
};
}

在我的模板中，只有ng src正确地填充了适当的文本

ng click不起作用

有什么提示吗

---

最好。

您的问题是由于

ng click

表达式导致的无效表达式：

您的问题是由于
ng click
表达式导致的无效表达式导致的：
ng click=“expression”ng src=“string”ng click=“expression”ng src=“string”
<a ng-click="ctrl.cloudLogin(cloud)">

.directive('cloudLogin', function CloudLoginDirective() {
  return {
  restrict: 'AE',
  scope:{
    cloud:"=", // Using a 2 way binding, if you need only text then just use @ combined with {{c}} when used
    onClick:"&" //Function binding
  },
  template: '<a ng-click="onClick({cloud: cloud})"><img ng-src="../images/{{cloud}}.png"/>{{cloud}}</a>'
 };
});

<cloud-login ng-repeat='c in ctrl.clouds' 
             cloud="c" 
             on-click="ctrl.cloudLogin(cloud)"></cloud-login>