Angularjs 在动态HTML上应用角度绑定

我对Angular是个新手，可能试图用不正确的方式使用它，但是。。 我有这个代码输入输入url和链接到该url

<div>
    <input type="text" ng-model="url0">
    <a href="{{url0}}">goto</label>
</div>

后藤

很酷，href属性现在与输入同步。

---

现在我想克隆这个div，将url0替换为url1。但是如何使绑定在新div上工作呢？

不要再考虑DOM操作了。DOM操纵是邪恶的。Angular旨在尽可能避免DOM操作

考虑模型中的对象和数组，以及显示此模型的模板

例如：

$scope.items = [
    {
        url: 'foo';
    }
];

$scope.addItem = function() {
    $scope.items.push({
        url: '';
    });
};

在模板中：

<div ng-repeat="item in items">
    <input type="text" ng-model="item.url">
    <a ng-href="{{item.url}}">goto</a>
</div>
<button ng-click="addItem()">Add an item</button>

添加项目

不建议使用Angular操作DOM。我会这样做：

HTML:

---

欢迎来到SO。你需要做出努力，并提出与你的尝试相关的更具体的问题。我会查看

ngRepeat

和

$index

。

<input id="url-input" type="text"/>
<button id="go-button">GO</button>

var input,
    go_button,
    url;

input = document.getElementById("url-input");
go_button = document.getElementById("go-button");

go_button.addEventListener("click", function(){
    url = input.value;
    window.location.href = url;
});