在angularJs中更改$ scope變量值

Question

我在這裏有三個按鈕，希望使$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作爲重點範圍，因爲在自然界$範圍對象

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>

Answer 3

只需加Q作爲重點$範圍Beause $範圍也是一個對象。 試試這個代碼： -

控制器

var app = angular.module('myApp', []); 
app.controller('ctrl', function($scope) { 
    $scope.name = function(q){ 
    $scope[q] = "Sam"; // now $scope.q will be a varriable 
    } 
}); 

在HTML： -

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<div ng-app="myApp" ng-controller="ctrl"> 
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>