我使用的是智能表我想用angularjs(1),在我的情况我已经从匹配表列字符串,保持对其他行的顶部匹配的行表中的字符串相匹配的基础上,我改变行背景颜色,但我想在其他行的顶部显示那些彩色的行,以便我能够立即看到匹配的行.
它是有效的,如果我排序如下,但它只影响当前页面,我希望显示所有匹配的行到其他行的顶部,无论分页和所有.
<tr ng-repeat="emp in employees | orderBy:set_color" ng-style="set_color(emp)">
Run Code Online (Sandbox Code Playgroud)
我怎么能做到这一点.如果您想了解更多信息,请查看此链接
var myApp = angular.module('myApp', [])
.controller('employeeController', function ($scope) {
var employees = [{
"Name": "Alfreds Futterkiste",
"City": "Berlin",
"Country": "Germany"
}, {
"Name": "Berglunds snabbköp",
"City": "Luleå",
"Country": "Sweden"
}, {
"Name": "Blauer See Delikatessen",
"City": "Mannheim",
"Country": "Germany"
}, {
"Name": "Blondel père et fils",
"City": "Strasbourg",
"Country": "France"
}, {
"Name": "Bólido Comidas preparadas",
"City": "Madrid",
"Country": "Spain"
}, {
"Name": "Bon app'",
"City": "Marseille",
"Country": "France"
}, …Run Code Online (Sandbox Code Playgroud)我需要使用angulajs(v.1)为表格实现简单的Excel Like Filer我遇到了困难请帮帮我,我在下面添加了我的代码片段.我想在选中复选框后显示表格中的过滤数据,然后单击确定按钮.我这样做是使用模型,但没有得到解决方案,我怎么能做到这一点?
var myApp = angular.module('myApp', [])
myApp.filter('unique', function () {
return function (arr, field) {
var o = {}, i, l = arr.length, r = [];
for (i = 0; i < l; i += 1) {
o[arr[i][field]] = arr[i];
}
for (i in o) {
r.push(o[i]);
}
return r;
};
})
.controller('employeeController', function ($scope) {
var employees = [{
"Name": "Alfreds Futterkiste",
"City": "Berlin",
"Country": "Germany"
}, {
"Name": "Berglunds snabbköp",
"City": "Luleå",
"Country": "Sweden"
}, { …Run Code Online (Sandbox Code Playgroud)我正在获取数据,但是我必须在ID的基础上将它们绑定到高图,如果我点击手风琴它应该显示基于ID的高图和表格,如下所示
这是我的代码
<uib-accordion close-others="oneAtATime">
<uib-accordion-group is-open="isopen" ng-init="isOpen = $first" class="acc-group" style="margin-bottom:0">
<uib-accordion-heading ng-click="isopen=!isopen" class="header">
<div><p class="boardRateHeading"><span style="color:#009688">{{board.city}} </span><span style="color:#607D8B;text-transform:uppercase;">{{board.name}}</span> <span>{{board.date | date:'MM/dd/yyyy'}}</span><span class="pull-right">?{{board.price}}(<span ng-style="{{changeColor(board.change)}}"><i class="{{getIcon(board.change)}}" aria-hidden="true"></i>{{board.change}}</span>)</span></p></div>
</uib-accordion-heading>
<div class="row" style="margin-top:15px;" ng-repeat="data in boardData">
<div class="col-md-8">
<div id="container{{data.id}}">
<img class="img-responsive mrg-auto" src="/Content/images/loading.gif" />
</div>
</div>
<div class="col-md-4">
<table class="table table-bordered table-condesed">
<thead>
<tr>
<td>Date</td>
<td>In ?</td>
</tr>
</thead>
<tbody>
<tr>
<td>{{data.date | date:'MM/dd/yyyy'}}</td>
<td>?{{data.price}}({{board.change}})</td>
</tr>
</tbody>
</table>
</div>
</div>
</uib-accordion-group>
</uib-accordion>
Run Code Online (Sandbox Code Playgroud)
和控制器
$http({
method: "GET",
url: "/api/Board/getMapdataOnId",
params: {
id: parseInt(id)
}
}).then(function …Run Code Online (Sandbox Code Playgroud)