angular cli webpack beta.24全局引导程序和jquery无法正常工作

Question

我使用angular-cli beta24学习angular2。我想全局设置bootstrap和jquery。我按照angular-cli page上的说明操作，但它没有用。我想知道如何解决这个问题。

NodeJS版本：6.9.2

操作系统：Windows 10 64位

bootstrap版本：3.3.7

jquery版本：3.1.1

角cli.json：

浏览器中显示的错误：

Answer 1

使用新的终端并使用以下npm命令安装bootstrap和jquery

npm install bootstrap --save-dev
npm install jquery --save-dev

之后，打开您的angular.json文件并添加以下行

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "styles.css"
],

还有

"scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js"
],

Answer 2

您似乎缺少JQuery。在Bootstrap之前加载JQuery，它应该可以解决您的问题。

JQuery Website

How JQuery Works Example

摘录：

        IList<IList<Object>> list = new List<IList<Object>>() { };
        for (var i = 0; i < dgvAttendance.Rows.Count - 1; i++)
        {
            List<object> lists = new List<object>() { dgvAttendance.Rows[i].Cells[0].Value.ToString(), 
                dgvAttendance.Rows[i].Cells[1].Value.ToString(), dgvAttendance.Rows[i].Cells[2].Value.ToString(), 
                dgvAttendance.Rows[i].Cells[3].Value.ToString() };
            list.Add(lists);
        }

        ValueRange VRange = new ValueRange();
        VRange.Range = range;
        VRange.Values = list;