当前位置： 移动技术网 > IT编程>开发语言>.net > Angularjs集成于ASP.NET MVC数据绑定重构

Angularjs集成于ASP.NET MVC数据绑定重构

2020年01月18日  | 移动技术网IT编程  | 我要评论

陈兴汉,陕西美食,马龙退中国公开赛

这几天，对程序重构，主要针对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>
                                }
                            }

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网