问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

angular数据绑定问题

头像
骑着乌龟过马路
    411
    新手上路，请多包涵

    页面上有一个按钮，每次点击就会添加一个p标签，P标签内容 ：

    <p ng-bind="title"> </p> 然后页面还有一个input : <input ng-model="title" type="text" />

    在input中输入文字可以改变p标签中的文字，现在有个问题，如果我添加了多个p标签，怎样让我input每次绑定的是最后一个添加到页面的p标签而不是所有，，初学angular，感谢各位大哥大姐回复指导!

    javascriptangularjs
    阅读 3.5k
    3 个回答
    得票最新
    头像
    marsprince
      1331

      既然只绑定最后一个，就每次添加的时候绑定一个新的变量不就行了，就是input那个

      头像
      Chobits
        7.4k2827
        <!DOCTYPE html>
<html ng-app='app'>
<head>
    <title></title>
</head>
<body ng-controller="controller1">

    <input type="text" ng-model="title" />

    <p ng-repeat="item in items track by $index">
        {{ $last ? title : '我不是最后一个' }}
    </p>

    <button ng-click="add()">add</button>

    <script src="http://apps.bdimg.com/libs/angular.js/1.3.13/angular.js"></script>
    <script>
        var app = angular.module('app', []);

        app.controller('controller1', function ($scope) {
            $scope.items = [1];
            $scope.add = function () {
                $scope.items.push(1);
            }
        });
    </script>
</body>
</html>
        头像
        Eric_Huang
          25137
             再添加之前改变一下前面p标签的ng-bind的属性值就可以了
    <script>
      var btn=$("#btnAdd");
      var box=$("#box");
      btn.click(function(){
          //alert("Add p");
          box.find("p").attr("ng-bind","title-old");
          var p=$('<p ng-bind="title">haha</p>');
          box.append(p);

      });
    </script>
    <div id="box">
      <input ng-model="title" type="text" /><input type="button" value="add" id="btnAdd"/>
     </div>
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题