Question

我正在使用angularjs电子商务项目。我必须编辑显示价格的输入字段，每当我在视图中需要时，使用bootstrap编辑按钮。如何编写用于编辑angularjs中任何字段的代码？实际上我必须在一个html页面显示产品的价格。有编辑按钮将出现，每当我点击该按钮，我必须转到另一个页面编辑价格字段，这必须反映到第一个HTML page.I编写了整个过程的代码。

Answer 1

根据您的问题，您的发现很难处理全局变量。如我所知，有两种方法可以在angularjs中定义全局变量。

使用$rootScope - http://docs.angularjs.org/api/ng。$ rootScope

虽然只需将$rootScope注入controller并更改值即可轻松使用$rootScope，但它们存在问题。 $rootScope是所有范围的父级，因此在根目录中定义的值基本上在您定义和使用的所有模板中都可见，您对var myApp = angular.module('myApp', []); myApp.factory('UserService', function() { return { name: 'your name' }; }); function MyCtrl($scope, UserService) { $scope.name = UserService.name; }属性及其值的控制较少。如需更多信息，请阅读this

使用服务http://docs.angularjs.org/guide/services

这在您的场景中是理想的，因为服务是单身。这意味着您可以将其注入任何控制器并仅在控制器范围内公开它们的值。据说你有更多的控制权。下面的小提琴将给出一个使用服务的例子。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
  Hello, {{name}}!
</div>

[System.Web.Services.WebMethod()]
public static void RunOnClose()
        {
            PageInformation InfoView = new PageInformation ();

        InfoView = (PageInformation )ViewState["PBLSave"];

        if (txtValidFPGTE18MQ1.Text != InfoView.FPGTE18.Q1.ToString() || txtValidFPGTE18MQ2.Text != InfoView.FPGTE18.Q2.ToString()
            || txtValidFPGTE18MQ3.Text != InfoView.FPGTE18.Q3.ToString() || txtValidFPGTE18MQ4.Text != InfoView.FPGTE18.Q4.ToString()
            || txtValidFPGTE18MQ5.Text != InfoView.FPGTE18.Q5.ToString() || txtValidFPGTE18MQ6.Text != InfoView.FPGTE18.Q6.ToString())
        {
            mdlPopupExtender.Show();
        }
        else
        {
            redirectUrl = "../UI/Summary_Page.aspx";
            Response.Redirect(redirectUrl);
        }
        }

Answer 2

试试这个xeditable插件，它会为您提供可编辑的文本框，网格，日期时间等。

如何使用bootsrap中的编辑按钮编辑angularjs中的任何输入字段？

2 个答案: