Angularjs 使用Angular js和主题定义ASP.NET MVC的结构

您好，我是Angular js的新手，即将开始使用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"));

请告诉我是否有任何文件以优先顺序放错了位置

我还想设置datatable js，所以我也在这里应用了它，当我在下面的流程中呈现它时，但在添加datatables时给了我一个错误：

没有datatables，它运行良好，但我希望datatables js不必在每个cshtml文件中添加它

帮助我这样做可以节省我的时间，而且我还可以学习如何以正确的方式放置文件

---

提前感谢。：）

您的

datatables

捆绑包包含脚本，而不是样式。换成

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

注意您还有

jquery.validate

两次-在

~bundles/jquery

和

~bundles/jqueryval

中。将其从

~/bundles/jquery

---

它还建议您包括非迷你版（如果有）。MVC的捆绑功能将在生产中自动缩小它们（并且在调试模式下，您可以使用完整版本进行调试）

您能帮我再多帮我一点吗？我也想在angular js中使用，我可以在一个页面中同时使用这两个功能吗？结构是否正确或需要任何更改？抱歉，我没有使用数据表，所以不确定。好的，提供的结构是否正确或需要任何更改，先生？看起来不错，但我稍后会再次检查，如果我认为您需要更改任何内容，请告知。