Javascript 使用AngularJs和WebApi创建剑道UI网格

使用angular和WebAPI（用于后端）创建剑道UI网格的最佳方法是什么？我正在使用MVC结构。 我的模型看起来像：

public class Category
{

    [Key]
    public int CategoryID { get; set; }
    [Required]
    public string CategoryName { get; set; }
}

在web api控制器中，我有以下方法：

public IEnumerable<Category> GetCategories() {}
public HttpResponseMessage PostCategory(Category category) {}
public HttpResponseMessage PutCategory( Category category) {}
public HttpResponseMessage DeleteCategory(Category category) {}

public IEnumerable GetCategories（）{}
公共HttpResponseMessage后分类（分类）{}
公共HttpResponseMessage PutCategory（Category Category）{}
公共HttpResponseMessageDeleteCategory（类别类别）{}

现在，我希望使用angular实现剑道ui网格。我该怎么做？

---

我正在阅读剑道ui演示：和文档，但我不明白如何实现它。谢谢。

我在这里的一个问题上附上了一个基本有效的例子

如果您将服务url直接附加到dataSource.transport，而不是像我那样使用服务，那么您应该可以继续

只需拿出我的read:xxxxx部分，替换为

read: {
  url: "YourWEBAPIURL",
  dataType: "json" 
}