angularjs - ng-include 禁止运行路由

Question

我在 AngularJS 应用程序中有一个非常奇怪的行为:我正在使用 $routeProvider 注册路由。除非我嵌入 ng-include ，否则这会完美地工作。 ng-view之前元素.

目前我有两个选项来修复它:

• 移动ng-include到 ng-view 之后的地方元素。
• 包裹 ng-include里面 <div>元素。

知道什么可能导致此问题吗？

Answer 1

尝试一下

    <div ng-controller="MainCtrl" ng-include src="template">

    angular.module('App')
        .controller('MainCtrl',['$route','$scope', function($route,$scope){
                $scope.template= 'main.html';
        }]);

In main.html, place the ng-view tag.

在这种情况下，您需要使用 Controller 处理 ng-include 并将 $route 作为依赖项注入(inject)。