数据目标可以与路由器一起工作

Question

我对前端开发非常陌生，目前正尝试使用nav-tabs解决问题

＆＃13;

＆＃13;

var app = angular.module('myApp', ['ui.bootstrap', 'angularFileUpload', 'ngRoute', 'ngTagsInput', 'http-auth-interceptor']);
var xeditableModule = angular.module('xeditable', []);

xeditableModule.run(function(editableOptions) {
    editableOptions.theme = 'bs3'; 
});


app.config(function ($routeProvider) {
    $routeProvider
        .when('/foo',
        {
            controller: 'FooController',
            templateUrl: 'app/partials/foo.html'
        })
        .when('/bar',
        {
            controller: 'Controller',
            templateUrl: 'app/partials/bar.html'
        })
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="panel-heading">
    <ul class="nav nav-tabs">
        <li class="active"><a data-target="#foo" data-toggle="tab" onclick="return false;">foo</a></li>
        <li><a data-target="#bar" data-toggle="tab" onclick="return false;">bar</a></li>
    </ul>
</div>

＆＃13;

＆＃13;

＆＃13;

我希望我的标签能够用控制器逻辑加载部分内容，而我已尝试使用

＆＃13;

＆＃13;

<a href="#bar" data-toggle="tab" onclick="return false;">bar</a></li>

＆＃13;

＆＃13;

＆＃13;

它也不起作用。

我想知道我做错了什么。如果我所描述的信息不够充分，请提出任何问题，因为我对前端开发并不熟悉。