Question

我在HTML文件中有一行代码如下所示

<button class="btn btn-primary" data-ng-click="ok()">Create PDF</button>

我的问题是这个。这不是一个回到使用突兀的Javascript的例子吗？

有更好的方法吗？

Answer 1

恕我直言，我会说这是突兀的。但我认为没有人声称AngularJS是不引人注目的javaScript。恰恰相反。它是关于创建做出令人惊奇的事情的应用程序 - 但是通过乱丢HTML以及各种绑定引用和对函数的引用来使用JavaScript。

Answer 2

是的。但我认为这不是一件坏事。

我认为Angular很棒，因为你可以查看标记，你可以弄清楚发生了什么，而如果使用JQuery你不知道除非你看看JavaScript会发生什么。

您可以使用ng-if，ng-repeat，ng-show，ng-class等...它是一个很好的框架。

您可以完全删除元素中的id并将大量html抽象为可在整个应用程序中重用的指令。

由于指令[ng-repeat + custom directives]

导致我的体验中的html减少

希望这有帮助。

Answer 3

由于您使用的是Angular，并且该指令是保留的，因此我不确定您是否有替代方法..

有一种可能性（未经测试），这样的事情可以避免这种情况：

<button id="my-btn" class="btn btn-primary">Create PDF</button>
...
<script type="text/javascript" src="script.js"></script>

script.js（伪代码）

(function() {
  var btn = document.getElementById('my-btn');
  btn['data-ng-click'] = ok;
})();