小编PK-*_*825的帖子

如何使用angularjs在表中的其他行上保持匹配的行?

我使用的是智能表我想用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)

html javascript asp.net jquery

12
推荐指数
1
解决办法
267
查看次数

如何在angularjs中实现Excel like Filter?

我需要使用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)

html javascript jquery angularjs

11
推荐指数
1
解决办法
2755
查看次数

如何在角度UI Accorion(uib-Accordion)中动态加载HighChart?

我正在获取数据,但是我必须在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}}&nbsp;&nbsp;</span><span style="color:#607D8B;text-transform:uppercase;">{{board.name}}</span>&nbsp;&nbsp;<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)

javascript jquery highcharts angularjs

8
推荐指数
1
解决办法
478
查看次数

标签 统计

javascript ×3

jquery ×3

angularjs ×2

html ×2

asp.net ×1

highcharts ×1