在角 - VoidCC

加载路由的路由中我有些HTML看起来像这样：在角

<body ng-controller="main"> 
    <div id="main"> 
     <div ng-view></div> 
    </div> 
</body>

这里是控制器：

var app = angular.module('buildson', ['ngRoute', 'ngAnimate']); 

app.controller('main', function($scope) { 
    $scope.$on("$routeChangeSuccess", function (event, currentRoute, previousRoute) { 
     window.scrollTo(0, 0); 
    }); 
});

这里是路由：

//ROUTING 
app.config(function($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl : 'home.html' 
     }) 
     .when('/courses', { 
      templateUrl : 'views/coursesTeaching.html' 
     }); 
});

Here is coursesTeaching.html

<div class="coursesList"> 
    [Display a list of courses here] 
    <a href="#">Display Documentation</a> 
</div>

这里是documentationWidget.html

Documentation Content is in this file

当他们点击此链接<a href="#">Display Documentation</a>它加载documentationWidget.html内容到<div class="documentationWidget"></div>点上我想要做的是，我想这是一个在视图或子路径中查看。我不能用jQuery Ajax或任何东西来做，因为我希望能够在加载的html文件中使用Angular变量。

来源

2015-11-06 Jordash

基本上你需要切换到'UI-router'，你会发现ngRoute之间'的区别'＆'ui-router'在这里http://stackoverflow.com/a/27645346/2435473 –

我被告知应该使用第三方库ui-router进行复杂的路由操作。

来源

2015-11-06 20:13:32 Aaron

看看ui-router作为ngRoute的替代方案。这对于除其他事项外嵌套的观点很好的支持：https://github.com/angular-ui/ui-router

这也已在这里详细讨论：Difference between ng-route & ui-router

来源

2015-11-06 20:13:33

在角

回答

相关问题