仅将 AngularJS 用于路由目的

我刚刚被分配了一个完全用 jQuery 制作的网站。它异步加载几个页面，并且想成为一个SPA。

现在唯一的问题是开发人员没有考虑一般的 URL，人们无法通过 www.example.com 以外的任何其他方式访问该网站

我对 AngularJS 有一点了解，我的问题是： - 是否值得集成 AngularJS 来管理路由，这样我就不必通过 jQuery 并检查每次点击，然后检查每个链接？

Thanks

当然，您可以使用 AngularJs 来进行路由。

Angular 和 jquery 停止协同工作的地方是，您无法在 Angular 指令中生成的视图上使用 jquery 选择，因为 jquery 不会选择运行时生成的视图。

要监视 AngularJS 何时完成 DOM 操作，请在 Angular 控制器中使用它来调用jqueryStartWork方法，它应该启动 jquery 的工作。

function stuffController($scope) {
$scope.$on('$viewContentLoaded', jqueryStartWork);
}

对于某些 angularjs 指令渲染监视器，您可以有一个指令，当 Angular 完成该指令的 dom 操作时，该指令将触发事件。 例如，要监视 ng-repeat，为了渲染完成，请添加此指令

var app = angular.module('myapp', [])
.directive('onFinishRender', function ($timeout) {
return {
    restrict: 'A',
    link: function (scope, element, attr) {
        if (scope.$last === true) {
            $timeout(function () {
                scope.$emit('ngRepeatFinished');
            });
        }
    }
}
});

然后在控制器中添加一个新函数，该函数将在 ng-repeat 完成时调用，如下所示。

$scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
    //you also get the actual event object
    //do stuff, execute functions -- whatever...
    alert("ng-repeat finished");
});

但不要忘记将此指令添加到您的 ng-repeat 标记中，如下所示

<tr data-ng-repeat="product in products" on-finish-render>

[EDIT]今天我一直在尝试在 md-tab 的 div 中运行一个简单的 D3 svg 附加脚本。我遇到了在控制器完成（md-tab 也完成）渲染所有内容后绘制它的问题。我发现如果你使用 $timeout（windows.setTimeout 的包装）它将向浏览器的事件队列添加一个新事件。它将在当前队列（渲染）之后和您按顺序添加的新超时事件函数之前运行。它也适用于 0ms。

 $timeout(drawTree, 0); //drawTree is a function to get #tree div in a md-tab and append a D3 svg