1

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

connect我的第一页 (index.html) 包含带有按钮&的页眉和页脚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']
            })
})

索引.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来点击。

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

提前致谢！！

4

0 回答 0