angularjs入力簡単な電卓を作るが、いくつかの問題を持ってしようとしている問題

Question

を埋めます。 だから私は、キーボードで入力値を埋めることができない、また、私は2つのエラー（[ngModel：nonassign]を持って、私はページをロードするとき、私は、キーボードで入力された値を埋めるためにしようとしていたときに -

これを。 $$ ngModelSetが機能

ではない私は誰かが私を助けることができると思います。

<div class="container" ng-controller="calcCtrl"> 
    <div class="content"> 
    <br><br><br> 
    <input type="text" ng-model="formula.join('')" ></input> 
    <br><br><span class="content_tab tab"></span> <br> 
    <button ng-click='add(7)'>7</button> 
    <button ng-click='add(8)'>8</button> 
    <button ng-click='add(9)'>9</button> 
    <button ng-click='add("/")'>/</button> 
    <br> 
    <button ng-click='add(4)'>4</button> 
    <button ng-click='add(5)'>5</button> 
    <button ng-click='add(6)'>6</button> 
    <button ng-click='add("*")'>*</button> 
    <br> 
    <button ng-click='add(1)'>1</button></td> 
    <button ng-click='add(2)'>2</button></td> 
    <button ng-click='add(3)'>3</button></td> 
    <button ng-click='add("-")'>-</button></td> 
    <br> 
    <button ng-click='add(0)'>0</button> 
    <button ng-click='add(".")'>.</button> 
    <td rowspan='2'><button ng-click='add("+")'>+</button> 
    <button ng-click="eval()">=</button> 
    <br> 
    <button ng-click="remove()">CLEAR</button> 
</div> 

app.controller('calcCtrl', function($scope) { 
    $scope.formula = ['0']; 
    $scope.add = function(item) { 
    if ($scope.formula == '0') $scope.formula = [item]; 
    else $scope.formula.push(item); 
}; 
    $scope.remove = function() { 
    $scope.formula.pop(); 
    if($scope.formula.length == 0) $scope.formula = ['0']; 
}; 
    $scope.eval = function() { 
    var result = eval($scope.formula.join('')); 
    $scope.formula = [result]; 
}; 

    }); 

Answer 1

あなたはNG-モデル内の変数アサインを入れていなかったので、あなたはそのエラーを取得します。 のでng-model="formula.join('')"を変更します私たちにEA変数：例：ng-model="total"

とあなたのコントローラで、各計算のために、ちょうどformula.joinするために、この変数を割り当てる（「」）

$scope.add = function(item) { 
    if ($scope.formula == '0') $scope.formula = [item]; 
    else $scope.formula.push(item); 
    $scope.total = $scope.formula.join(''); 
    }; 
    $scope.remove = function() { 
    $scope.formula.pop(); 
    if ($scope.formula.length == 0) $scope.formula = ['0']; 
    $scope.total = $scope.formula.join(''); 
    }; 
    $scope.eval = function() { 
    var result = eval($scope.formula.join('')); 
    $scope.formula = [result]; 
    $scope.total = $scope.formula.join(''); 
    };