2017-02-17 47 views
0

Здравствуйте, я новичок в Angular js и собираюсь запустить мое приложение для создания с помощью Angular js и ASP.NET MVC.Определить структуру ASP.NET MVC с Angular js и темой

Я должен создать с правильным потоком, задав файлы правильно, используя 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:

enter image description here

Без DataTables это работает нормально, но мне нужны datatables js, которые мне не нужно добавлять в каждый файл cshtml.

Помогите мне с этим, это сэкономит мое время, а также я смогу научиться правильно размещать файлы в приоритетном порядке.

Заранее спасибо. :)

ответ

1

Ваши пакеты datatables содержат скрипты, а не стили. Измените его на

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

Примечание Вы также имеете jquery.validate дважды - в ~bundles/jquery и ~bundles/jqueryval. Снимите его с ~/bundles/jquery

Также рекомендуется включить в него неминифицированные версии (если они у вас есть). Возможности связывания MVC автоматически минимизируют их в процессе производства (и в режиме отладки вы можете использовать полные версии для отладки)

+0

ohhh да спасибо Stephen sir –

+0

Не могли бы вы помочь мне немного больше Я также хочу использовать [datatables] (https://datatables.net/) с угловыми js я могу использовать оба на одной странице? и структура правильная или нуждается в каких-либо изменениях? –

+0

Извините, я не использовал datatables, поэтому не уверен. –