页面上有一个按钮，每次点击就会添加一个p标签，P标签内容 ：
<p ng-bind="title"> </p> 然后页面还有一个input : <input ng-model="title" type="text" />
在input中输入文字可以改变p标签中的文字，现在有个问题，如果我添加了多个p标签，怎样让我input每次绑定的是最后一个添加到页面的p标签而不是所有，，初学angular，感谢各位大哥大姐回复指导!
<!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>
既然只绑定最后一个，就每次添加的时候绑定一个新的变量不就行了，就是input那个
再添加之前改变一下前面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>