AngularJs：点击div时更改样式

Question

我是非常新的angularjs。我使用以下代码选择div。

  var myEl = angular.element( document.querySelector( '#test' ) );

如何在控制器中将click事件添加到“myEl”而不是使用“ng-click”？

我的实际问题是在div上添加click事件。如下所示，

 template += '<div class="ngdialog-maximize" ng-click="myStyle={'width':'100%','height':'100%'}"></div>';

上面的div是模态弹出窗口中的最大化按钮。在页面referesh我可以在控制台中看到错误。如果我删除“ng-click”错误消失了，模态弹出窗口正在工作。

错误：

  1. Uncaught SyntaxError: Unexpected identifier
  2. Uncaught Error: [$injector:modulerr]  

请帮忙， 感谢。

Answer 1

您在原始代码中看到错误的原因是您使用单引号（'）来分隔要附加到template的整个字符串，还使用单引号在该字符串中，不使用\'转义它们。

所以只需将原来的行改为：

template += '<div class="ngdialog-maximize" ng-click="myStyle={\'width\':\'100%\',\'height\':\'100%\'}"></div>';