У меня есть некоторые 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:
//ROUTING
app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'home.html'
})
.when('/courses', {
templateUrl : 'views/coursesTeaching.html'
});
});
Здесь проходят курсыTeaching.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-файла.
В основном вам нужно переключиться на 'Ui-router', вы могли бы найти разницу между' ngRoute '&' ui-router' здесь http://stackoverflow.com/a/27645346/2435473 –