Angularjs集成于ASP.NET MVC数据绑定重构
程序员文章站
2022-06-22 12:16:52
这几天,对程序重构,主要针对angularjs的绑定: 第一个例子: 下面是一段html程序: 不管是name或者是ng-model的属性值,它都有一定规律"StartX"和"EndX" 后面的数字是连续的序号。 我们可以使用ASP.NET MVC的Razor的语法@for来简化它们: @{ for ......
这几天,对程序重构,主要针对angularjs的绑定:
第一个例子:
下面是一段html程序:
不管是name或者是ng-model的属性值,它都有一定规律"startx"和"endx" 后面的数字是连续的序号。
我们可以使用asp.net mvc的razor的语法@for来简化它们:
@{ for (var i = 1; i <= 13; i++) { var nm_s = "start" + i; var nm_e = "end" + i; <div> <label class="label">@i</label> <input type="text" name=@nm_s ng-model=@nm_s style="position:relative; left:35px;" validate-date /> <input type="text" name=@nm_e ng-model=@nm_e style="position:relative; left:102px;" validate-date /> </div> } }
第2个例子:
@{ for (var i = 1; i <= 5; i++) { <th>period @i starting</th> <th>period @i ending</th> } }
第3个例子:
@{ for (var i = 1; i <= 5; i++) { <td> {{p['start' + @i] | jsondateformat:'yyyy-mm-dd'}} </td> <td> {{p['end' + @i] | jsondateformat:'yyyy-mm-dd'}} </td> } }