这是我的控制器配置代码

Question

在我的嵌套视图的MEAN应用程序中，我使用的是angular-route-segment。除了初始默认屏幕外，嵌套视图的一切工作正常。

我的第一页（index.html）包含标题＆amp;带按钮的页脚connect＆amp; disconnect。这个主题在所有页面中都很常见。

一旦我点击连接，它应该加载所有待办事项列表（这是我遇到问题的地方）。

这是我的控制器配置代码

app.config(function ($routeSegmentProvider) {
    $routeSegmentProvider.
        when('/todos', 's1').
        when('/todo/:id', 's2').
        when('/task/:id', 's2.task').
        segment('s1',{
            templateUrl: "public/views/todos.html"
        }).
        segment('s2',{
            templateUrl : "public/views/todo.html"
        }).
        within().
            segment('home',{
                default:true,
                templateUrl : "public/views/default.html"
            }).
            segment('task', {
                templateUrl: "public/views/task.html",
                dependencies: ['id']
            })
})

的index.html

<html ng-app="Todo">
<body ng-controller="ConnectioCtrl">
  <button class="btn btn-primary" ng-click="connect()">Connect</button>
  <button class="btn btn-danger" ng-click="disconnect()">Disonnect</button>

    <div ng-if="connected" ng-controller="ToDoListCtrl">
        <a href="#!/todos">Todo List</a>
        <div app-view-segment="0"></div>
    </div>
</body>
</html>

这对我来说非常合适。但问题是我被迫给<a href="#!/todos">Todo List</a>这是一个超链接。我不希望这个超链接出现在我的屏幕上。我需要的只是，当我点击连接时，它会执行一个检查所有条件并返回connected = true的函数，然后默认它应该转到待办事项列表而不是给出超链接Todo list点击。

如果我需要提供任何其他信息以明确此查询，请告诉我。

提前感谢!!

如何使用angular-route-segment（不在index.html中）angular js设置默认视图

这是我的控制器配置代码

的index.html

0 个答案: