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

Question

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

这是问题的示例：

<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

您正在寻找手表：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! ";
    }
});