接触Knockoutjs
学习了一天的angualar后才恍然大悟,哦,这呀不支持IE7,估摸这在IE8上也有很多bug,虽果断放弃,这与中国特色的社会主义相悖。于是转而投向Knockout js的怀抱!
仿angular官方教程
knockoutjs官网都是知识点,没看到像angular官网上一步步打造一个小app这样的教程。遂仿造着玩玩。也许两者根本不具有可比性。编码过程中有些疑问,希望能够得到解答!
1、基础准备
引入相关js库。准备数据和相关实体类,这个过程没必要说了。
public class Phone
{
public int age { get; set; }
public string id { get; set; }
public string imageUrl { get; set; }
public string name { get; set; }
public string snippet { get; set; }
}
2、准备api返回json数据。
public JsonResult Phones(string query, string field)
{
var list = DataFactory.GetPhones();
if (!string.IsNullOrWhiteSpace(query))
{
list = list.Where(f => f.name.ToLower().Contains(query.ToLower()) || f.snippet.ToLower().Contains(query.ToLower())).ToList();
}
list = field == "name" ? list.OrderBy(f => f.name).ToList() : list.OrderBy(f => f.age).ToList();
return Json(list, JsonRequestBehavior.AllowGet);
}
3、准备页面 index.cs
<script src="~/Scripts/ViewModel/controller.js">《script》