javascript - 在 javascript 中使用 angular.js 的数据绑定(bind)/或更新事件上的 javascript 变量

Question

我刚刚开始使用angular.js，它非常有用。我搜索了很多可能使用错误的关键字，但我无法找到如何在 javascipt 中使用 angular.js 的数据绑定(bind)。

这是问题的示例:

<form><select ng-model="frfiSzam" id="frfi-szam">
      <option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option> <option>11</option><option>12</option><option>13</option><option>14</option><option>15</option>
    </select></form>

    <div class="leir">

     <p class="fejl">{{frfiSzam}} férfi résztvevő</p>


     <script type="text/javascript"> 

    var x= '{{frfiSzam}}'
    var char = '';
    while (x--) {
        char += 'Hi!';
    }
    // write once
    document.write(char);

     </script>

所以一切正常(第一部分)，除了这个 var x= '{{frfiSzam}}'。如果我将其设置为常量，则代码工作正常，所以我认为当下拉值更改时我需要更新我的 x 变量，但我不知道如何做到这一点，以便代码工作.

非常感谢!

Answer 1

您正在寻找 watch :http://jsfiddle.net/6QG9r/

$scope.$watch('number', function(newValue, oldValue) {
    //this callback function gets executed whenever 'number' changes
    var x = newValue;
    $scope.hi = "";
    while (x--) {
        $scope.hi += "Hi! ";
    }
});