如果启用了EnableOptimizations MVC,Angular Chart JS不会呈现

时间:2016-06-28 16:02:36

标签: .net angularjs asp.net-mvc chart.js angular-chart

我在使用Angular-Chart-Js的应用程序中工作我已经在BundleConfig.cs中添加了脚本,如果EnableOptimization设置为false,则图表显示正确,但是当我切换时如果值为false,则不会呈现图表,也不会在Dev Tools控制台中显示JavaScript异常。

软件包:

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


        bundles.Add(new ScriptBundle("~/bundles/angular").Include(
            "~/Scripts/angular.js",
            "~/Scripts/angular-route.js",
            "~/Scripts/angular-local-storage.js"               
           ));


        bundles.Add(new Bundle("~/bundles/chart").Include(
            "~/Scripts/Chart.js",
            "~/Scripts/angular-chart.js"
            ));

        bundles.Add(new ScriptBundle("~/bundles/app").Include(
             "~/app/app.js",
             "~/app-config.js"               
             ));          

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


        bundles.Add(new StyleBundle("~/Content/css")
            .Include("~/Content/semantic.css",                     
                  "~/Content/angular-chart.css",
                  "~/Content/kendo/kendo.se.css",
                  "~/Content/App/main.css",
                  "~/Content/App/login.css"));

即使我在_Layout.cshtml中直接添加.js文件,如果优化是真的,也不起作用。

有没有人遇到过这个问题?

更新

我已经测试过从捆绑配置我的app.js文件,然后它工作。似乎当app.js被缩小时,它不会进行注射。

app.js

'use strict';

var app = angular.module('TheApp', ['chart.js']);

app.config(['ChartJsProvider', function (ChartJsProvider) {
    // Configure defaults
}]);

这是控制器

chartController.js

'use strict';

var app = angular.module('TheApp');

app.controller('ChartController', ['$scope', 'ChartService', function ($scope, chartService) {
 //Some stuff working here
}]);

提前致谢。

问候。

0 个答案:

没有答案