我使用angular $ http来触发MVC控制器从数据库执行查询。控制器导致DataTable类型。这个问题有点连线,因为当我将参数传递给MVC控制器时,它不会显示结果。但是当我硬固定一个固定值时,只会渲染结果。结果是在ui-view中渲染。
<tbody>
@{
foreach (DataRow row in Model.Rows)
{
<tr>
@foreach (DataColumn col in Model.Columns)
{
<td>@row[col.ColumnName]</td>
}
<td>
<input type="submit" id="btnView" class="form-control btn btn-login" value="View" style="background-color:#090;color:#000;width:100px;height:20px;">
</td>
</tr>
}
}
</tbody>
上面是视图
public ActionResult FilterMember(string id)
{
//wont render the result although has record. (Very sure)
SqlParameter[] SqlParam = { new SqlParameter("@Filter", id) };
// render the result on div (ui-view)
SqlParameter[] SqlParam = { new SqlParameter("@Filter", "abcd") };
DataTable dTable = MasterMindDB.dTableSP(DbConn, "SP_Get_MemberList", SqlParam);
return View("Member", dTable);
}
以上是MVC控制器。
myapp.controller('MyCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.toggle = function () {
$http({
url: "/Admin/FilterMember",
params: { id: $('#txtsearch').val() }
});
};
}]);
以上是JS文件中的javascript