javascript - 将 jQuery 与 AngularJS 结合使用是一个好习惯吗？

Question

我已经使用 jQuery 多年了。现在，我想学习一些新的东西来构建单页网站。我选择了 AngularJS。

目前我想知道将 jQuery 与 AngularJS 一起使用是否是一个好主意？

示例。

我在 AngularJS Controller 中有类似的东西:

$http.post('ajax/gettimeline', { page: page }).success(function (data) {
        $rootScope.loading = false;


            // Here I need to built dynamic html with getting and setting
            // dynamic elements size, positions, change their properties, etc.

        }
    });

使用 jQuery 构建这些动态 html 元素是一项简单的任务。但使用 AngularJS 看起来会很痛苦。

非常感谢任何建议。

谢谢

Answer 1

不，这不是一个好主意。您在 Angular 应用程序中使用 jQuery 编码实践，这会让您头疼 - 这一次是因为这些实践违背了 Angular 精神，而且还因为您不会获得 Angular 的好处。

Angular 开发中最重要的部分之一是:您永远不应该从 Controller 操作 DOM。这在 jQuery 中没问题，但在 Angular 中，您应该修改模型并让 Angular 渲染它。 Angular 有一个内置的模板机制，您应该使用它来加载 HTML 片段。如果您需要动态创建 HTML，则应该在指令中执行此操作。其他一切都违反了“关注点分离”原则。

如果您使用 jQuery 或 native DOM 方法来操作输入设置或修改 DOM，那么您就会与 Angular 发生争执，这将导致许多难以调试的错误。 Angular 的要点之一是 two-way databinding如果您坚持自己将数据绑定(bind)到 HTML，那么这不是一个有用的功能。也许像 Mustache 或 Knockout 这样更简单的模板库之一会更符合您的喜好？

要获得 Angular 的好处，意味着放弃一些经过实践检验的真实实践，并学习内置指令，尤其是 ng-repeat、ng-if、ng-class、ng-click 和 ng-change 以及类似 Angular UI 的内容。