需要在回发时访问客户端标签值(Angular指令)...获取{{radioModel ||每次'null'}}

时间:2014-06-24 14:28:47

标签: c# jquery asp.net angularjs

按照Angular UI上的代码,我能够整合广播&我的解决方案中有“Uncheckable Radio 按钮。我有2个单选按钮,两个都可以切换,然后我有一个asp:Label来显示输出。

我希望从长远来看将标签的可见性设置为false,但现在它是可见的。

通过将asp:Label 文本属性设置为{{radioModel || 'null'}},我可以在客户端页面上看到所选单选按钮的值并查看页面的来源。问题是,当我回发到服务器时,特别是试图将值存储在数据库中时,我只看到{{radioModel || 'null'}}声明,而不是我选择的值。

我是Angular的新手,但这个想法似乎非常简单。我只需要弄清楚如何在存储到数据库时保留标签控制值。

这是我在标签中带有角度声明的asp.net代码。

                                <div ng-controller="EmployeeTypeChoiceRadios">
                                <div class="btn-group">
                                    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Employee'">Employee</label>
                                    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Contractor'">Contractor</label>

                                    <!-- Pull Results from this label on form submit -->
                                    <asp:Label ID="EmployeeTypeChoiceLabel" runat="server" Visible="false" Text="{{radioModel || 'null'}}" />
                                </div>
                            </div>

以下是我设置JavaScript的方法。我认为这更多地与默认的无线电选择有关

   //   New Form - Employee Type Employee/Contractor - Radio Button
   var EmployeeTypeChoiceRadios = function ($scope) {

   $scope.radioModel = 'Employee';

   $scope.checkModel = {
       employee: true,
       contractor: false
   };
 };

最后,以下是我收集标签数据的方法 - 实际上只是添加到存储过程参数。

newformsqlCmd.Parameters.AddWithValue("@empEmpType", EmployeeTypeChoiceLabel.Text); // Employee Type choice

为了记录,我还尝试了基本的HTML输入(标签),并获得这样的值.. BasicHtmlInputLabel.Value

我提前感激。

1 个答案:

答案 0 :(得分:0)

ngModel仅支持以下元素:

  • 输入
    • 文本
    • 复选框
    • 无线电
    • 电子邮件
    • URL
    • 日期
    • dateTimeLocal
    • 时间
  • 选择
  • textarea的

使用其中一个而不是标签可以解决问题。