如何通過一個NG-模型的功能，而不$範圍

Question

我看到了很多的反應，此NG單擊但所有使用$scope

我有幾個ng-models有幾個按鈕來增加或減少價值，我想只爲所有人使用一個功能。

像這樣：

app = angular.module("myApp",[]); 
 

 
app.controller("myCtrl", mainFunction); 
 

 
function mainFunction(){ 
 
    scope = this; 
 
    this.value1 = 3; 
 
    this.value2 = 5; 
 
    this.addOne = function (control) { 
 
     if (scope.control <12){ 
 
      scope.control += 1; 
 
     } 
 
    } 
 

 
    this.dimOne = function (control) { 
 
     if (scope.control > 1) { 
 
      scope.control -= 1; 
 
     } 
 
    } 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl as vm"> 
 

 
    <span>{{vm.value1}}</span> 
 
    <button ng-click="vm.dimOne('value1')">-</button> 
 
    <button ng-click="vm.addOne('value1')">+</button> 
 
    <br /> 
 
    <span>{{vm.value2}}</span> 
 
    <button ng-click="vm.dimOne('value2')">-</button> 
 
    <button ng-click="vm.addOne('value2')">+</button> 
 
    
 
</div>

Answer 1

因爲你似乎路過的你想要的字符串，只需更新您的功能：

this.addOne = function (control) { 
    if (scope[control] < 12) { 
     scope[control] += 1; 
    } 
} 

this.dimOne = function (control) { 
    if (scope[control] > 1) { 
     scope[control] -= 1; 
    } 
} 

而且...是你的HTML應該是這樣？

<span>{{vm.value1}}</span> 
<button ng-click="vm.dimOne('value1')">-</button> 
<button ng-click="vm.addOne('value1')">+</button> 
<br /> 
<span>{{vm.value2}}</span> 
<button ng-click="vm.dimOne('value2')">-</button> 
<button ng-click="vm.addOne('value2')">+</button> 

Answer 2

只是通過實際的model： -

<button ng-click="vm.dimOne(vm.value2)">-</button> 

*.js

this.dimOne = function (control) { 
    if (control > 1) { 
     control -= 1; 
     this.value2 = control ; 
    } 
}