javascript - 在中继器范围上设置值

标签 javascript angularjs

我在转发器范围内设置了一个输入,以便用户可以修改该值并在该行上查看该值的计算结果 - 目的是实现类似电子表格的行为。

我想知道自动填充输入框的最佳方法是什么,以便在正确更新模型的情况下将字段设置为特定值。我设置了一个 fiddle ,试图将数字 4 塞入此处的 value 属性:

http://jsfiddle.net/BVRzh/

这是模板的位置:

<div ng-app>
  <ol ng-controller="TestCtrl">
    <li ng-repeat="a in arr">
      <input type="text" ng-model="testVal" value="4"></input>
      <span>Value: {{testVal}}, Times {{a}}: {{testVal * a}}</span>
    </li>
  </ol>
</div>

这是javascript:

function TestCtrl($scope) {
  $scope.arr = [1, 2, 3, 4];
}

有没有更好的方法来解决这个问题?

最佳答案

ngInit可能有用:

<input type="text" ng-model="testVal" ng-init="testVal = a">

示例:http://jsfiddle.net/BVRzh/3/

如果我没理解错的话,这是唯一可以使用 ngInit 的情况。文档引用:

The only appropriate use of ngInit for aliasing special properties of ngRepeat, as seen in the demo bellow. Besides this case, you should use controllers rather than ngInit to initialize values on a scope.

关于javascript - 在中继器范围上设置值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19319209/

相关文章:

javascript - 为什么页脚没有出现在 IE10 和 IE9 上?

javascript - 在 Sublime 3 中使用 underscore.js

javascript - 如何使用 Angular 从 json 制作 View (表单)?

javascript - 如何使用 Angular.js 中的某些唯一值从数组中删除值

javascript - AngularJS 选择语义 UI 下拉列表

javascript - 动态访问全局 undefined variable (D3中的示例),DRY

javascript - 无法在 dom 元素中看到 append 文本

javascript - React 同级组件之间的状态泄漏

javascript - angular.js 可以与 JSTL 表达式语言通信吗?

javascript - $setValidity 函数未按预期工作