熱毛巾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

您看到什么：明白了嗎？

需要更多？