提示:本站收集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
谢谢!
山娜
容易修复
更改此行:
var app = angular.module('myApp', ['smartTable.table']);
对此:
var app = angular.module('myApp', ['smart-table']);
并在索引文件中对脚本标签重新排序,以使角度在智能表之前
在相同的例子中也有类似的问题。 您是什么意思重新排序我的脚本标签?
<script src="scripts/NonLibScripts/ScheduleScript.js"></script>
<script src="scripts/NonLibScripts/DataScript.js"></script>
这还不够吗? 我正在尝试从DataScript填充智能表数据。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.