当前位置: 首页 > 面试题库 >

ng模型,ng重复和输入的难度

景高杰
2023-03-14
问题内容

我正在尝试允许用户使用ngRepeat和编辑项目列表ngModel。(请参阅此小提琴。)但是,我尝试过的两种方法都导致了奇怪的行为:一种方法没有更新模型,另一种方法使每个keydown的表单模糊。

我在这里做错什么了吗?这不是受支持的用例吗?

这是小提琴中的代码,为方便起见进行了复制:

<html ng-app>
    <head>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>
    <body ng-init="names = ['Sam', 'Harry', 'Sally']">
        <h1>Fun with Fields and ngModel</h1>
        <p>names: {{names}}</p>
        <h3>Binding to each element directly:</h3>
        <div ng-repeat="name in names">
            Value: {{name}}
            <input ng-model="name">                         
        </div>
        <p class="muted">The binding does not appear to be working: the value in the model is not changed.</p>
        <h3>Indexing into the array:</h3>
        <div ng-repeat="name in names">
            Value: {{names[$index]}}
            <input ng-model="names[$index]">                         
        </div>
        <p class="muted">Type one character, and the input field loses focus. However, the binding appears to be working correctly.</p>
    </body>
</html>


问题答案:

这似乎是一个具有约束力的问题。

建议是不要绑定到基元。

ngRepeat应该遍历集合内的字符串,而应该遍历对象。解决您的问题

<body ng-init="models = [{name:'Sam'},{name:'Harry'},{name:'Sally'}]">
    <h1>Fun with Fields and ngModel</h1>
    <p>names: {{models}}</p>
    <h3>Binding to each element directly:</h3>
    <div ng-repeat="model in models">
        Value: {{model.name}}
        <input ng-model="model.name">                         
    </div>

jsfiddle:http :
//jsfiddle.net/jaimem/rnw3u/5/



 类似资料:
  • 对此,作者提出了建议

  • 我有以下输入-窗体-控件: 但是如果我像上面那样使用我的regex,我可以输入'、'或‘。符号。正确的正则表达式是什么?

  • 问题内容: 我是 AngularJs的 新手。谁能说出ng-model和data-ng-model之间的区别? 与ng-model 使用data-ng-model 问题答案: 最佳实践:建议使用破折号分隔格式(例如ng-bind用于ngBind)。 如果要使用HTML验证工具,则可以改用数据前缀版本(例如ngBind的data-ng-bind)。 出于遗留原因,可以接受上面显示的其他表格,但是我们

  • 我有一个文本输入,我不想允许用户使用空格,所有键入的都会变成小写。 我实际上是在尝试创建“标记”特性,它的工作原理与StackOverflow上的特性类似。

  • 在我的角度页面中,我面临着动态ng模型值的一些问题。这是我的示例JSON。 我想从这个josn中做的是,在我的页面中创建一个视图,这样,它将包含< code>tab1和< code>tab2作为页面标题,以及相应的< code>value作为< code>checkbox。用户将有选择他的选项的选择性。在提交时,我想得到他选择的选项。我想知道在我的控制器中选择了< code>value1,valu

  • 我有一个非常简单的代码。,当值正确时将显示输入。但是不起作用,我在pre中没有看到任何东西