Javascript 前端应用程序的角度布线

我知道这是一个非常基本的问题，但似乎不能把所有的东西都连接好——我正在尝试使用Angular/Sinatra应用程序来处理前端布线。我的应用程序没有进入正确的页面，我也不知道为什么，因为如果你不使用数据库，我就很难理解路由的工作方式

在我的主页“display.html”中，我有一些文本，然后是一组带有HREF的D3图形：

<a href="/app/{{appname}}">
  <div ng-cloak class="nvd3-bullet-chart2" id="chart" data="subsetVals" showXAxis="true" showYAxis="true">
  </div>
</a>

我的角度路线设置如下：

app.config(function($routeProvider) {
    $routeProvider

    // route for the display page
        .when('/', {
            templateUrl: '/views/display.html',
        })
        .when('/app/:appname', {
            templateUrl: 'views/details.html',
        });
});

当我单击href查看图表时，我发现一个错误，即在“/app/”处找不到该页面，这对我来说表明：appname从未被选中。那么这应该在哪里定义呢

---

如果需要，我很乐意添加更多细节和代码。谢谢

尝试向href添加哈希

<a href="#/app/{{appname}}">

---

这让我有了一部分的成功，但在/app/之后我仍然没有得到任何应用程序名称。你知道为什么吗？不知道。。有几件事你可以试试。在行的正上方添加{{appname}}，并查看它是否显示正确的值。我感觉您的作用域没有正确的appname值。如果没有得到正确的值，那么在设置该值的控制器逻辑中可能会出现问题。如果有帮助，请告诉我。另外，为什么您要尝试在displayCtrl中访问$routeParams.appname，并将该参数发送到详细信息页面？这帮助很大-控制器的设置方式，我在创建图形时没有正确重新定义appname。我的解决方案最终出现在D3中——在附加svg之前先在div中附加一个href。谢谢酷。很高兴我能帮忙。

<a href="#/app/{{appname}}">

$locationProvider.html5Mode(true);