Question

我有一个下拉列表，其中数据以这种方式动态绑定在Page_Load：

<asp:DropDownList ID="ddlSet" DataTextField="Title" DataValueField="PKSetId" runat="server" 
AppendDataBoundItems="true" ng-model="SetId"></asp:DropDownList>

渲染的html是：

<select id="cpContent_ddlSet" ng-model="SetId">
<option value="? undefined:undefined ?"></option>
<option value="3">Test3</option>
</select>

页面加载时，默认情况下应选择Test3选项，但不会发生这种情况。我会设置$scope.SetId=3，但事先不知道这个值。

我在这里看到类似的问题，但是下拉列表是以角度方式绑定的数据，您可以从$ scope轻松设置所选项目。

如何解决这个问题。

Answer 1

要么构建服务器端 ASP 应用程序，要么构建客户端 Angular 应用程序，但不要混合使用这两种技术。

让Angular执行整个前端逻辑和渲染，ASP将只提供REST服务。

有关如何预选下拉值的示例，请参阅Angulars Selec。

Answer 2

你不能这样做。

我建议在第一时间添加选项，例如：

<option value="" disabled ng-selected> Make your choice:

Angularjs在select中包含一个空选项

2 个答案: