如何阻止ng-model覆盖服务器端值 [英] How to stop ng-model from overriding server side values

问题描述

我有一个asp.net webforms文本框，我在页面加载时加载数据表格数据，它工作正常但是当我把ng-model放在这里时，文本框变成了空白。

我需要来自数据表的数据以及在角度js中进行一些计算。

< asp：TextBox ID =txtCpCssClass =form-controlng-model =cpng-change =ACP（）runat =server>



我的尝试：

I have a asp.net webforms textbox in which I have loaded data form datatable on page load, it works fine but when I put ng-model in this, the textbox becomes blanks.
I need data from datatable as well as do some calculation in angular js .
<asp:TextBox ID="txtCp" CssClass="form-control" ng-model="cp" ng-change="ACP()" runat="server">

What I have tried:

if (!IsPostBack)
{
    try
    {
        DataTable dt2 = bllproduct.GetProductById(productId);
        if (dt2.Rows.Count > 0)
        {                   
            txtCp.Text = Convert.ToDouble(dt2.Rows[0]["CostPrice"]).ToString();
           
        }

Angular：

Angular:

app.controller('ProductController', function ($scope) {
    $scope.vat=13;
    $scope.ACP = function () {
        $scope.acp = ($scope.cp - (-$scope.cp * ($scope.vat / 100)));
    }
    $scope.SP = function () {
        $scope.sp = ($scope.acp - (-$scope.acp * ($scope.margin / 100)));
    }
});

<asp:TextBox ID="txtCp" CssClass="form-control" ng-model="cp" ng-change="ACP()" runat="server">

推荐答案

范围）{

scope.vat = 13 ;

scope.vat=13;

scope.ACP = function （）{

scope.ACP = function () {

这篇关于如何阻止ng-model覆盖服务器端值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！