带有Angular Postback的ASP.NET WebForms

Question

我试图在现有的ASP.NET WebForms应用程序中使用Angular框架,遇到的问题是:

客户端代码:

<select id="fooSelect" class="span8" runat="server" clientidmode="Static">
 <option ng-repeat="foo in foos" value="{{foo.Id}}">{{foo.Title}}</option>
</select>

当被形式submited(整页回发),价值fooSelect.Value 为"{{foo.Id}}"

如何在服务器端获取所选选项的值？

Answer 1

您不能将angular用于服务器选择标记.实际上,在回发时在服务器上计算所选的选项值.因此,正如您value="{{partner.Id}}"在标记中所获得的那样,您获得了这个值.在我看来,您可以使用select没有runat="server"属性的plain 元素,并将选定的id绑定到隐藏字段,可在服务器端访问:

<select ng-model="partner" ng-options="p.Title for p in partners" >
    <option value="">--Select partner--</option>
</select>
<br />
<input type="hidden" id="selectedPartnerId" runat="server" ng-value="partner.Id" />