繁体   English   中英

智能表未显示

smart table not displaying

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我是AngularJS和Smart Table的新手...我试图通过一个简单的Smart Table示例进行工作,但是由于某些原因,我似乎无法显示我的表数据。

这是我的html:

    <body ng-controller="basicsCtrl">
  <p>Hello {{name}}!</p>
  <table st-table="rowCollection" class="table table-striped">
    <thead>
      <tr>
        <th>first name</th>
        <th>last name</th>
        <th>birth date</th>
        <th>balance</th>
        <th>email</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="row in rowCollection">
        <td>{{row.firstName}}</td>
        <td>{{row.lastName}}</td>
        <td>{{row.birthDate}}</td>
        <td>{{row.balance}}</td>
        <td>{{row.email}}</td>
      </tr>
    </tbody>
  </table>
</body>

这是我的js:

    var app = angular.module('myApp', ['smartTable.table']);

    app.controller('basicsCtrl', ['$scope', function (scope) {
    scope.rowCollection = [
        {firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'},
        {firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'},
        {firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'}
    ];
    scope.name = "World";
}]);

这是我的代码代码: http ://plnkr.co/edit/335mfrwqHQXewqXJ4N0I?p=preview

谢谢!

山娜

2 个回复

容易修复

更改此行:

var app = angular.module('myApp', ['smartTable.table']);

对此:

var app = angular.module('myApp', ['smart-table']);

并在索引文件中对脚本标签重新排序,以使角度在智能表之前

这是更新的插件http://plnkr.co/edit/vHCbrN0cKDplxqwT78kf?p=preview

在相同的例子中也有类似的问题。 您是什么意思重新排序我的脚本标签?

<script src="scripts/NonLibScripts/ScheduleScript.js"></script>
<script src="scripts/NonLibScripts/DataScript.js"></script>

这还不够吗? 我正在尝试从DataScript填充智能表数据。

2 我的控件之一未显示在智能中

我在VB.NET WinForm SplitContainer1和SplitContainer2有两个拆分容器,但是我将我的Splitcontainer1重命名为SC1 ,现在在编码时它并没有显示在智能感知中,当我手动键入它也会给我错误。 所以我终于回到了以前的名称,即从SC1重新命名为S ...

3 智能表不显示数据

我在使用我的odata源填充智能表时遇到问题 - 它显示空表,默认为“无数据”。 我检查了实体集,浏览器中的元数据正在显示内容。 Smart Table XML如下 这就是我试图在控制器中加载智能表的方法 manifest.json中的数据源设置如下。 所以在代码的任何 ...

4 显示/隐藏智能表的示例?

ui-grid具有enableGridMenu:true的标志,该标志提供了一个下拉菜单来显示/隐藏列。 这是一个示例: http : //ui-grid.info/docs/#/tutorial/304_grid_menu 智能表是否提供我所缺少的任何OOTB显示/隐藏功能或已经可用的 ...

5 智能 Git 未显示本地更改

关于如何在 smart git 7.0.4 上没有显示任何本地更改的任何想法。 这发生在所有分支机构,并且在几个小时前完美运行。 ...

7 在 ng 智能表中显示图像

如何在ng智能表的列中显示图像? 我们有许多列,其中大部分是数据,一列是图像。 根据 ng smart table 的概念,我编写了以下代码,它只显示一个 URL 代替图像中的图像。 主页.component.html home.component.ts myList.ts ...

9 收集刷新时智能表页面未重置为1

我已经按照文档设置了智能电网 ,并且一切正常。 我正在模式对话框中添加新记录,并且在成功添加新记录后,我想刷新智能电网。 我从文档中了解到,在使用st-safe-src attrubute时,我只需要刷新集合即可。 我的问题是,假设我正在显示17条记录,并且我现在在第2页上,现在我打开 ...

10 智能表(AngularJs)异步数据更改未更新

我有一张桌子,是在AngularJs中使用智能表制作的。 我正在尝试获取新数据并使用Ajax将其添加到此表中。 我在ajax $scope.rowCollection中推送到$scope.rowCollection 。 但是,为什么新添加的数据没有显示在表中? (我正在使用st-sa ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM