在angularJs中更改$ scope變量值

Question

我在這里有三個按鈕，希望使$scope. -> q <- $scope. -> q <- q作為變量。 我該如何實現。 這只是一個測試代碼，我的實際問題是基於使q為變量，因此請不要提出任何解決方法

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.name = function(q){ $scope.a = "John Doe "; // $scope.q how to make q varibale } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> Name: <button ng-click="name('a')" ng-model="name">this is a</button> <button ng-click="name('b')" ng-model="name">this is b</button> <button ng-click="name('c')" ng-model="name">this is c</button> {{a}} via a<br> {{b}} via b<br> {{c}} via c<br> </div> 

Answer 1

只需添加q作為范圍的鍵，因為本質上$ scope是一個對象

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.name = function(q){ $scope[q] = "John Doe "; // $scope.q how to make q varibale } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> Name: <button ng-click="name('a')" ng-model="name">this is a</button> <button ng-click="name('b')" ng-model="name">this is b</button> <button ng-click="name('c')" ng-model="name">this is c</button> {{a}} via a<br> {{b}} via b<br> {{c}} via c<br> </div> 

Answer 2

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.name = function(q){ $scope[q] = "John Doe "+ q; // $scope.q how to make q varibale } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> Name: <button ng-click="name('a')" ng-model="name">this is a</button> <button ng-click="name('b')" ng-model="name">this is b</button> <button ng-click="name('c')" ng-model="name">this is c</button> {{a}} via a<br> {{b}} via b<br> {{c}} via c<br> </div>