Question

我试着用角度js

做一个计算器

我创建了按钮

 <li ng-repeat="number in numbers">
  <button  ng-click=calc(number)>{{number}}</button>
</li>

和运营商

   <li ng-repeat="operator in operators">
      <button  ng-click=operat(operator)>{{operator}</button>
   </li>

控制器

app.controller('myControl', ['$scope', function($scope) {

  $scope.numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
  $scope.operators = ['+', '-', '*', '/'];
  $scope.calc = function(valueNum) {
    $scope.valore =valueNum;
  };
  $scope.operat = function(valueOper){
   $scope.operatore = valueOper;
   };

现在我该如何处理html页面上的操作？

例如我按3然后按+和3 我必须在html上声明什么？

我尝试使用此功能但未运行

<p> result {{value}} {{operator}} {{value}} </p>

感谢。

Answer 1

使用$ eval可以评估表达式的值

以下是解决您的问题的演示

在HTML中

<p> result {{$eval(expression)}} </p>

在控制器

中

        $scope.value1 = "1";
        $scope.operator = "*";
        $scope.value2 = "7"
        $scope.expression = $scope.value1 + $scope.operator + $scope.value2;

AngularJs中的计算器

1 个答案: