Javascript 如何在ng视图中加载页面

我有ng重复列表和ng视图：

<div ng-controller="TabCtrl">
    <ul>
        <li ng-repeat="tab in tabs">
            <a href="#/{{tab.page}}">{{tab.title}}</a>
        </li>
    </ul>
     <div ng-view></div>
</div>

main.html：

<div>
<h1>Main</h1>
<ul>
    <li ng-repeat="model in models">
        <a href="#/main/model/{{model.url}}">{{model.name}}</a>
    </li>
</ul>
<div ng-include="content"></div>

}

---

我想得到modelPage.html而不是main.html，但是ng视图不适合这种情况。如何实现这个代码

我可能没有正确理解您的问题，但您的JS中似乎缺少了一个“modelCtrl”控制器（或者只是在您的问题详细信息中没有显示）

您的$routeProvider

angular.module("sampleApp", ['ngRoute'], 
function($routeProvider) {
    $routeProvider

    ...

    .when('/main/model/:url', {
        templateUrl: 'tabs/modelPage.html',
        controller: modelCtrl
    })
});

添加'modelCtrl'

function modelCtrl($scope, $location, $http){
    ...
});

---

文件位于main_main.html的哪个目录中？

angular.module("sampleApp", ['ngRoute'], 
function($routeProvider) {
    $routeProvider

    ...

    .when('/main/model/:url', {
        templateUrl: 'tabs/modelPage.html',
        controller: modelCtrl
    })
});

function modelCtrl($scope, $location, $http){
    ...
});