在AngularJS中的ng-repeat循环中绑定ng-model
在AngularJS中的ng-repeat循环中绑定ng-model
提问于 2013-01-19 12:08:04
我正在尝试处理ng-repeat循环中的作用域问题-我浏览了相当多的问题，但还不能让我的代码正常工作。
控制器代码：
function Ctrl($scope) {
$scope.lines = [{text: 'res1'}, {text:'res2'}];
}查看：
<div ng-app>
<div ng-controller="Ctrl">
<div ng-repeat="line in lines">
<div class="preview">{{text}}{{$index}}</div>
</div>
<div ng-repeat="line in lines">
<-- typing here should auto update it's preview above -->
<input value="{{line.text}}" ng-model="text{{$index}}"/>
<!-- many other fields here that will also affect the preview -->
</div>
</div>
</div>这里有一个小把戏：http://jsfiddle.net/cyberwombat/zqTah/
基本上，我有一个包含多行文本的对象(它是一个传单生成器)。每行文字可以由用户调整(文本，字体，大小，颜色等)，我想为它创建一个预览。上面的例子只显示了输入文本的输入域，我希望它能在你输入的时候自动更新预览div，但是还有更多的控件。
我也不确定我是否正确地编写了循环索引的代码--这是在循环中创建ng-model名称的最佳方式吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14410993
复制相关文章
相似问题
腾讯云开发者
