數據放置在Angular UI網格之外

Question

我們有很多服務器端數據網格控件，希望將它們替換為通用客戶端Angular。 但是數據總是放在網格之外。 為了找出原因，我遵循了官方的演示/教程，將.js和.css合並為local.html，結果仍然相同。 在此處輸入圖片說明

帶更新的Visual Studio 2015，已安裝NuGet ui-grid（v3.2.9-2016-09-21）。 必須缺少某些內容，否則演示有問題。

這是local.html：

<!doctype html>
<html ng-app="app">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-touch.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
    <script src="/Scripts/ui-grid.js"></script>
    <script src="/Content/ui-grid.css"></script>

    <style>
        .grid {  width: 500px;  height: 250px;}
    </style>

    <script>
        var app = angular.module('app', ['ngTouch', 'ui.grid']);

        app.controller('MainCtrl', ['$scope', function ($scope) {

            $scope.myData = [
              {
                  "firstName": "Cox",
                  "lastName": "Carney",
                  "company": "Enormo",
                  "employed": true
              },
              {
                  "firstName": "Lorraine",
                  "lastName": "Wise",
                  "company": "Comveyer",
                  "employed": false
              },
              {
                  "firstName": "Nancy",
                  "lastName": "Waters",
                  "company": "Fuelton",
                  "employed": false
              }
            ];
        }]);
    </script>
</head>
<body>
    <div ng-controller="MainCtrl">
        <div id="grid1" ui-grid="{ data: myData }" class="grid"></div>
    </div>
</body>
</html>

Answer 1

愚蠢的我，我正在使用標簽加載.css。 所以這條線

<script src="/Content/ui-grid.css"></script>

應該是這樣的：

<link rel="stylesheet" type="text/css" href="/Content/ui-grid.css">

它一直按預期工作。

數據放置在Angular UI網格之外

問題描述

1 個解決方案

解決方案1
0 已采納 2016-12-22 05:12:48

數據放置在Angular UI網格之外

問題描述

1 個解決方案

解決方案1 0 已采納 2016-12-22 05:12:48

解決方案1
0 已采納 2016-12-22 05:12:48