用Angular js和主題定義ASP.NET MVC的結構

你好我是Angular js的新手，並且將開始使用Angular js和ASP.NET MVC創建我的應用程序。用Angular js和主題定義ASP.NET MVC的結構

我必須創建適當的流通過設置文件正確定義使用Bundle.config，但不知道流如何我可以優先明智地設置文件。

現在我已經在下面的方式設置的文件：

bundles.Add(new StyleBundle("~/bundles/bootstrapcss").Include(
       "~/Content/themes/mytheme/bootstrap.min.css", 
       "~/Content/themes/mytheme/main.css" 
       )); 

      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery.js", 
         "~/Scripts/jquery.validate.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/angular").Include(
       "~/Scripts/Angular/angular.min.js" 
       )); 

      bundles.Add(new StyleBundle("~/bundles/datatables").Include(
       "~/Scripts/datatables/dataTables.min.js", 
       "~/Scripts/datatables/dataTables.bootstrap.min.js", 
       "~/Scripts/datatables/dataTables.tableTools.js", 
       "~/Scripts/datatables/autoFill.min.js", 
       "~/Scripts/datatables/autoFill.bootstrap.min.js", 
       "~/Scripts/datatables/fixedHeader.min.js", 
       "~/Scripts/datatables/custom-datatables.js" 
       )); 

      bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
         "~/Scripts/bootstrap.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/AngularStructure").Include(
          "~/Scripts/Angular/Module/app.js", 
          "~/Scripts/Angular/Controller/Controller.js", 
          "~/Scripts/Angular/Service/Service.js" 
         )); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
         "~/Scripts/jquery-ui-{version}.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
         "~/Scripts/jquery.unobtrusive*", 
         "~/Scripts/jquery.validate*")); 

      // Use the development version of Modernizr to develop with and learn from. Then, when you're 
      // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
         "~/Scripts/modernizr-*")); 

      bundles.Add(new StyleBundle("~/bundles/themes/base/minified/css").Include(
         "~/Content/themes/base/minified/jquery.ui.core.min.css", 
         "~/Content/themes/base/minified/jquery.ui.resizable.min.css", 
         "~/Content/themes/base/minified/jquery.ui.selectable.min.css", 
         "~/Content/themes/base/minified/jquery.ui.accordion.min.css", 
         "~/Content/themes/base/minified/jquery.ui.autocomplete.min.css", 
         "~/Content/themes/base/minified/jquery.ui.button.min.css", 
         "~/Content/themes/base/minified/jquery.ui.dialog.min.css", 
         "~/Content/themes/base/minified/jquery.ui.slider.min.css", 
         "~/Content/themes/base/minified/jquery.ui.tabs.min.css", 
         "~/Content/themes/base/minified/jquery.ui.datepicker.min.css", 
         "~/Content/themes/base/minified/jquery.ui.progressbar.min.css", 
         "~/Content/themes/base/minified/jquery.ui.theme.min.css"));

請告訴我，如果放錯在這裏優先明智的任何文件。

我也想設置的數據表中的JS也讓我也曾在這裏應用，當我呈現在下面的流程，但給了我一個錯誤，當我添加數據表：

沒有數據表它運行良好，但我希望datatables js，我不必將其添加到每個cshtml文件。

幫助我，這可以節省我的時間，也可以學習如何以適當的方式優先考慮放置文件。

在此先感謝。 :)

來源

2017-02-17 3 rules

您的datatables捆綁包包含腳本，而不是樣式。將其更改爲

bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
    .... 
));

注意你也有jquery.validate兩次 - 在~bundles/jquery和~bundles/jqueryval。將其從~/bundles/jquery中刪除

它還建議您包含非微縮版本（如果有的話）。 MVC的捆綁功能將自動縮小它們在生產（並在調試模式下，您可以使用完整版本進行調試）

來源

2017-02-17 06:30:37

ohhh是的謝謝斯蒂芬先生 –

你能幫我多一點我也想用[數據表] （https://datatables.net/）與角js我可以在一個頁面中使用兩個？結構是否正確或需要改變？ –

對不起，我還沒有使用數據表，所以不知道。 –

用Angular js和主題定義ASP.NET MVC的結構

回答

相關問題