如何使用bootsrap中的編輯按鈕來編輯angularjs中的任何輸入字段？

Question

Iam與angularjs電子商務project.Here我必須編輯顯示價格的輸入字段，只要我在視圖中需要，使用引導編輯按鈕。如何編寫代碼以編輯angularjs中的任何字段？ 其實我必須顯示一個產品的價格在一個html頁面中。編輯按鈕將出現，每當我點擊該按鈕，我必須去另一個頁面編輯價格字段，這必須反映到第一個我已經在編寫整個過程的代碼。

Answer 1

試試這個xeditable插件，它會給你的編輯文本框，網格，日期時間等

Answer 2

根據你的問題，你發現很難處理全局變量。有兩種方法可以在angularjs中定義全局變量，就像我所知道的那樣。

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

雖然美國可以很容易地使用$rootScope只需在controller和變化值注入，但他們有問題。 $rootScope是所有作用域的父項，因此在您定義和使用的所有模板中基本上都可以看到在rootcope中定義的值，在這些模板中，對$rootScope屬性及其值的控制較少。欲瞭解更多Infor的閱讀this

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

，因爲服務是單身這將是您的方案的理想選擇。這意味着您可以將其注入到任何控制器，並僅在控制器的範圍內公開其值。據此，你有更多的控制權。小提琴下面將舉一個使用服務的例子。

var myApp = angular.module('myApp', []); 
 
myApp.factory('UserService', function() { 
 
    return { 
 
    name: 'your name' 
 
    }; 
 
}); 
 

 
function MyCtrl($scope, UserService) { 
 
    $scope.name = UserService.name; 
 
}

<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>