热毛巾AngularJs子路线

Question

我正在使用John Papa创建的Hot Towel AngularJs SPA。 我想知道如何将当前菜单更改为具有子菜单。

[编辑] HotTowel菜单的基本实现是循环进入所有路径，并将其显示在侧栏上。 我想做的是，如果其中一条路线有子菜单，那么它的内容将被分组在一个菜单项中。 类似于下拉菜单

Answer 1

不要忘记您正在使用模型和控制器。

Angular模型和控制器与构建的View John协同工作。

public class HotTowelController : Controller
{
    //
    // GET: /HotTowel/

    public ActionResult Index()
    {
        return View();

请注意，索引是视图。

好。

在运行页面时查看网址。

名称

请注意，它没有加载另一个页面。

那是因为它是SPA框架。

该索引具有Javascript方法，在该方法中我们定义.NET Framework / MVC之外的角色

因此，我们有一个modeljs和一个controllerjs。 就像MVC一样，我们必须同时使用这三个。 但是，请使用APP文件夹中的内容。

APP文件夹

管理员通用仪表板布局服务

的ViewModels

意见

等等...

所以

转到布局文件夹

打开topnav.html

阅读视图模型

shelljs

var routes = [
            { route: '', moduleId: 'home', title: 'Reserve a Seat', nav: 1 },
            { route: 'details', moduleId: 'details', title: 'Poker Details', nav: 2 }];

        return router.makeRelative({ moduleId: 'viewmodels' }) // router will look here for viewmodels by convention
            .map(routes)            // Map the routes
            .buildNavigationModel() // Finds all nav routes and readies them
            .activate();            // Activate the router
    }

看看这里发生了什么。 我们在映射时，敲除和角度映射非常简单。

http://knockoutjs.com/documentation/plugins-mapping.html

这是一种简单的学习方法，而vm是仅适用于使用npm和开放源代码中定义得多的库的smae。 两者都是麻省理工学院，所以不能出错。

然后看一下config config.route mainjs

您看到什么：明白了吗？

需要更多？