仅使用 angularjs 绑定文本框和滑块

Question

我 想 至 制作 当然 那 这 回声 输出 在 idMyEcho（文本框） 和 这 滑块 位置 上 idSlider（滑块） 是 持续的 什么时候 idButton（按钮） 是 按下 和 什么时候 这 用户 变化 这 滑块 酒吧

var mCount = 0;
               incCount = function() {
                   mCount++;
                   var myEcho = document.getElementById("idMyEcho");
                   myEcho.setAttribute("value", mCount);
               };
               
               setCount = function() {
                   var aSlider = document.getElementById("idSlider");
                   mCount = aSlider.value;
               };

<div>
            <input type="button" id="idButton" value="MyButton" onclick="incCount()">
            <input type="text" id="idMyEcho" value="0">
            <input type="range" id="idSlider" value="4" onclick="setCount()">
        </div>

谢谢

Answer 1

你的代码有一些问题，你应该有 $scope 变量和控制器，

app.controller("testCtrl", ["$scope",
  function($scope) {
    $scope.mCount = 0;
    $scope.incCount = function() {
      $scope.mCount++;
    };

    $scope.setCount = function() {    
    };
  }
]);

HTML

  <div class="col-sm-12" ng-controller="testCtrl">
    <div>
      <input type="button" id="idButton" value="MyButton" ng-click="incCount()">
      <input type="text" ng-model="mCount">
      <input type="range" id="idSlider" ng-model="mCount" ng-click="setCount()">
    </div>
  </div>

DEMO

DEMO USING PURE JAVASCRIPT