从.NET代码背后设置AngularJS ng-model

时间:2014-07-14 21:46:12

标签: asp.net vb.net angularjs webforms angular-ngmodel

我知道这不是一种好的方法,也不是Angular的做事方式。但是,我有一个遗留的VB.NET应用程序,我已经在其中实现了AngularJS,用于执行AJAX请求和处理数据以及简单(我非常精通Angular)。

我的问题是ng-model覆盖了我从服务器检索并设置为文本框的值。我并不需要太多的数据绑定,但我使用的几个指令需要ng-model'与旧的网络形式混淆。

这里是设置输入的VB代码.Text值:

                'Invoiced Date - Load Initial Value Code
                Try
                    'Dim valNumber As String = JAG.General.modFunctions.FormatFieldValue(oLoadLoadCore.LDC_Number.ToString, "int", "TextBox")
                    Dim valInvoicedDate As String = NASTek.Common.Lib.DB.modADO.GetDataValue("Select convert(varchar,LDC_InvoicedDate,101) from LoadCore where LDC_Key = " & Me.PrimaryKey, Me.conn).ToString
                    Me.txtInvoiced.Text = valInvoicedDate
                    Me.txtInvoiced.Attributes.Add("ng-model", valInvoicedDate.ToString())
                Catch ex As System.Exception
                    Me.txtInvoiced.Text = ""
                    'Me.Context.Trace.Write("LoadLoadCore.txtInvoiced", "Unable to load initial value: " + ex.ToString() + "")
                End Try

这里是添加占位符的控件:

           Me.plhInvoiced.Controls.Add(Me.txtInvoiced)
            Me.txtInvoiced.Attributes.Add("ng-model", "dateInvoiced")
            Me.txtInvoiced.Attributes.Add("datepicker-popup", "MM/dd/yyyy")
            Me.txtInvoiced.Attributes.Add("show-weeks", "false")
            Me.txtInvoiced.Attributes.Add("show-button-bar", "true")
            Me.txtInvoiced.CssClass = "FormTextBox"
            Me.txtInvoiced.TextMode = TextBoxMode.SingleLine
            Me.txtInvoiced.ID = "txtInvoiced"

我使用的AngularUI datepicker指令需要ng-model,我现在不是指令专家。我尝试从'要求'中删除ng-model。 angularui bootstrap.js文件中的行,弹出窗口将在没有日历的情况下呈现。

有没有人知道这种情况的解决方法?

同样,我知道它并不优雅,而且代码/应用程序非常糟糕和老旧。我讨厌它,但我试图让它更容易做简单的CRUD操作和显示数据。如果没有工作,那么我只需查询信息并在js控制器中设置它,但我不想这样做,因为我不需要此时在这些特定领域的ng模型。我主要尝试运行第三方调用,在webform上呈现简单数据,这就是我不需要数据绑定的原因。

0 个答案:

没有答案