使用输入字段和加减按钮AngularJS调整输出

这是我第一次使用angularjs 我正在尝试制作一个示例代码，其中用户可以在字段上输入一个数字，也可以使用按钮增加/减少数字，但不能小于0

  <div data-ng-app='CountApp' data-ng-controller='CountCtrl'>
  <div class="outside-border">
    <input id="output_test" type="text" ng-model="count" style="width: 150px;">
    <div class="minus">
      <button class="button" id="test_sample" data-ng-click='count = count - 1'>-</button>
    </div>
    <div class="add">
      <button class="button" data-ng-click='count = count + 1'>+</button>
    </div>
  </div>
</div>



var app = angular.module('CountApp', []);

app.controller('CountCtrl', function($scope) {
  $scope.count = 1;
});

-
+
var-app=angular.module（'CountApp'，[]）；
应用程序控制器（'CountCtrl'，函数（$scope）{
$scope.count=1；
});

目前的情况是，只要字段上没有数字，用户单击+按钮，输出为1111111 或者，如果用户输入一个数字（例如35），则输出变为3511111 有人能解释一下或帮助我吗

---

以下是我到目前为止所做的工作

解决这个问题的方法有很多，其中之一就是将输入类型更改为

type=“number”

如果您不喜欢在某些浏览器上鼠标悬停时出现的按钮，可以使用css（）将其隐藏

---

编辑：您可以使用

min=0

来控制数字类型输入中的最小值。

使用三元操作来验证计数是否小于0或不是这样

 <button class="button" id="test_sample" data-ng-click='count = (count <= 0) ? 0 : count-1' >-</button>

-

将函数添加到加号按钮，并将字符串转换为int

<button class="button" data-ng-click='plusCount()'>+</button>
$scope.plusCount = function(){
  $scope.count = parseInt($scope.count) + 1;
}

+
$scope.plusCount=函数（）{
$scope.count=parseInt（$scope.count）+1；
}