[Angularjs]ng-repeat中使用ng-model遇到的问题

发布时间：2020-12-17 10:36:10 所属栏目：安全来源：网络整理

导读：写在前面系列文章一个例子 ng-repeat和ng-model $scope.pepoles /spanspan style="background-color: #f5f5f5; color: #000000;"gt;=/spanspan style="background-color: #f5f5f5; color: #000000;"gt; [{ /spanspan style="background-color: #f5f5f5; co

写在前面

系列文章

一个例子

ng-repeat和ng-model

        $scope.pepoles </span><span style="background-color: #f5f5f5; color: #000000;"&gt;=</span><span style="background-color: #f5f5f5; color: #000000;"&gt; [{ </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;id</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;1</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;name</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;zhangsan</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;gender</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;男</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt; },{ </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;id</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;2</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;name</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;zhangsan2</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,{ </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;id</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;3</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;name</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;zhangsan3</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;gender</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;: </span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;男</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt; }];
        console.log($scope.pepoles);

    });

</span><span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;script</span><span style="color: #0000ff;"&gt;></span>

</head>
<body>

<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;div </span><span style="color: #ff0000;"&gt;ng-controller</span><span style="color: #0000ff;"&gt;="DetailsController"</span><span style="color: #0000ff;"&gt;></span>

    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;ul</span><span style="color: #0000ff;"&gt;></span>
        <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;li </span><span style="color: #ff0000;"&gt;ng-repeat</span><span style="color: #0000ff;"&gt;=" p in pepoles"</span><span style="color: #0000ff;"&gt;></span><span style="color: #000000;"&gt;
            ID:{{p.id}}</span><span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;br </span><span style="color: #0000ff;"&gt;/></span><span style="color: #000000;"&gt;
            name:{{p.name}}</span><span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;br </span><span style="color: #0000ff;"&gt;/></span><span style="color: #000000;"&gt;
            gender:{{p.gender}}</span><span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;br </span><span style="color: #0000ff;"&gt;/></span>
            <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="text"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="name"</span><span style="color: #ff0000;"&gt; value</span><span style="color: #0000ff;"&gt;="{{p.name}}"</span><span style="color: #ff0000;"&gt; ng-model</span><span style="color: #0000ff;"&gt;="p.name"</span> <span style="color: #0000ff;"&gt;/>? <button>更改</button></span>
        <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;li</span><span style="color: #0000ff;"&gt;></span>
    <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;ul</span><span style="color: #0000ff;"&gt;></span>

<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;div</span><span style="color: #0000ff;"&gt;></span>

</body>
</html>

更改

总结

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!