我想知道是否有人对我的问题有创造性的解决方案.我有一个从我的数据库填充的转发器,它如下:
<asp:Repeater ID="ResultsTableRepeater" runat="server" OnPreRender="ResultsTableRepeater_PreRender">
<HeaderTemplate>
<table class="td-table-bordered" style="font-size: small; width: 90%">
<tr>
<th>Change #</th>
<th>Change Title</th>
<th>Change Description</th>
<th>Clarity Id</th>
<th>Package Description</th>
<th>Package Name</th>
<th>Package Status</th>
<th>Assigned To</th>
<th>New Package</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<asp:Literal runat="server" Text='<%# Eval("ChangeId") %>' ID="IdTag" Visible="false"></asp:Label>
<tr id="tableRow" class="" data-changeId='<%# Eval("ChangeId") %>' runat="server" style='<%#(Eval("AssignedTo").ToString() == "7" || Eval("AssignedTo").ToString() == "8")? "": "font-weight:bold; background-color:cornsilk" %>'>
<td><%# Eval("ChangeId") %></td>
<td><%# Eval("ChangeTitle") %></td>
<td><%# Eval("ChangeDescription") %></td>
<td><%# Eval("ClarityId") %></td>
<td><%# (Eval("PackageId").ToString() == string.Empty) ? ""
: "<a href=http://dev.rlaninfrastructure.tdbank.ca/RCIViewForm?ChangeId=" …Run Code Online (Sandbox Code Playgroud) 我一直在使用Angular 2开发一个应用程序,但作为一个新的开发人员,它确实是一个挣扎.到目前为止,我已经管理了很多,但我确实需要一些帮助.我正在使用一个plunkr,我正在使用它来获取带有分页,过滤和排序的Material Table,但是这个例子,以及material.angular.io上的所有其他示例都显示了一个带有数据库的示例基本上在组件类中硬编码/生成.我有一个服务调用api进行SQL查询,我想用这个填充示例中的表,但是到目前为止我的尝试都是悲惨的失败,我想我在这个过程中已经不堪重负.
根据要求,我可以发布我的组件代码,但我担心我已经去除/修改它超出了任何使用的范围.但是在那之前,下面是我想要实现的内容,以及我想用来填充数据表而不是plunkr的数据库和数据源的服务类.
如果你能提供帮助,请告诉我,你会让我头疼不已.
https://plnkr.co/edit/EU3BBlViWpPf2NJW4PXx?p=preview
我的服务
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class RcgqueueService {
constructor(private http: Http) { }
populateRCGQueue() {
return this.http.get('/api/rcgqueue').map(res => res.json());
}
}
Run Code Online (Sandbox Code Playgroud)
而我目前对组件代码的可怜尝试
import { Component, ElementRef, ViewChild, OnInit, forwardRef } from '@angular/core';
import { DataSource, SelectionModel } from '@angular/cdk/collections';
import { MatPaginator, MatSort, MatTable } from '@angular/material';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/startWith';
import …Run Code Online (Sandbox Code Playgroud)