使用MEAN堆棧生成表單提交時的動態路由

我想知道如何在提交表單時生成新的AngularJS（1.x）路由。簡而言之，我正在構建一個類似於Facebook活動的事件創建應用（填寫表單字段>提交表單>有一個任何人都可以訪問的新事件路由。）使用MEAN堆棧生成表單提交時的動態路由

我99％確定它涉及到Angular的$RouteProvider ，但似乎無法從谷歌搜索中找到該流程的下一步。下面是格式的照片（幾個比特可以被添加，就像一個事件的照片。）

form field

基本上我需要能夠：

填寫活動詳情
點擊創建活動按鈕
產生通過貓鼬

0123填充的路線

寫入新的數據到MongoDB的內部表單字段信息的新途徑

任何參考教程或一般方向將不勝感激。謝謝！

來源

2017-08-31 Karl Noelle

好的，這是一個非常複雜的問題，因爲它包含了很多不同的問題，背後和前端。

我假設你知道如何發送數據到你的後端引擎。所以這基本上是你需要（閱讀）是什麼：

參考文獻：

（AngularJS路由）
https://scotch.io/tutorials/angular-routing-using-ui-router

（AngularJS路線PARAMS）
https://github.com/angular-ui/ui-router/wiki/URL-Routing

（創建API在NodeJS中）
https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4

（將數據保存到MongoDB中）
http://www.jenniferbland.com/saving-data-to-mongodb-database-from-node-js-application-tutorial/
https://scotch.io/tutorials/using-mongoosejs-in-node-js-and-mongodb-applications

我強烈建議您使用Restangular簡化從AngularJS HTTP請求到服務器

來源

2017-08-31 02:42:54

當你的應用程序不能創建一個新的路線已經加載，因爲路由是在配置時創建的。但是，您可以創建動態路線。

所以，動態路線：

yoursite。COM /事件/ idEvent - > idEvent是您的動態路徑

我建議你使用UI路由器，因爲它是更完整和強大： ui-router

因此，與UI的路由器：

1 - 與UI路由器註冊您的動態路由：

$stateProvider 
    .state('app', { 
    url: '/app' 
    //here you can have a lot of configurations 
); 

$stateProvider.state('app.event', { 
    url: '/event/{idEvent}', 
    //other configurations like controller, resolver, etc 
})

2 - 你可以將用戶重定向到一個規範使用IFIC事件：

//You need to inject $state in your controller 
$state.go('app.event', {idEvent: 1}); 
//This line will redirect the user to the event page with idEvent 1

3 - 要訪問控制器內的ID，你可以使用：stateParams service

controller: function($stateParams){ 
    console.log($stateParams.idEvent); 
}

要使用此方法，確保您注射使用的用戶界面 - 所需要的所有模塊路由器。

這可能是你的流程：

填寫活動詳情
點擊通過貓鼬
寫入新的數據到MongoDB的
將用戶重定向到動態頁面，加載該特定事件的內容

請注意，控制器和事件頁面的模板應該是以處理加載動態內容。因此，構建您的控制器可以動態加載內容。

你可以看到這個文檔太：ui-router

簡單的解釋：AngularJS Routing Using UI-Router

你會發現很多如何配置和使用構建UI路由器的路由站點。

來源

2017-08-31 02:59:37

使用MEAN堆棧生成表單提交時的動態路由

回答

相關問題