AngularJS 1.3 迁移不起作用

在阅读有关从1.2迁移到1.3的文档后，我将脚本代码更新为以下内容。

var app = angular.module("APP", []);
app.controller('Ctrl', function ($scope) {
$scope.id = [{
    id: 'id #1'
}];
$scope.addNewId = function () {
    var newId = $scope.id.length + 1;
    $scope.id.push({
        'id': 'id #' + newId
    });
};
$scope.removeId = function (index) {
    if (index >= 1) {
        $scope.id.splice(index, 1);
    }
};
});

这是表单的代码：

<!DOCTYPE html>
<html lang = "en" ng-app = "APP">
<head>
    <meta charset = "utf-8">
    <title>Add New ID</title>
    <link rel="stylesheet" href="form.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
    <script type = "text/javascript" src = "form.js"></script>
</head>
<body ng-controller="Ctrl">
    <section>
        <h1>Add New Stuff</h1>
            <form name = "form" id = "form">
            <div ng-model = "indiv">
                <fieldset class="ids" data-ng-repeat="indiv in id">
                    <legend>ID</legend>
                    <label for="name">Name:</label>
                    <input type="text" name="name" id="name" size="60">&nbsp
                    <label for="age">Age:</label>
                    <input type="text" name="age" id="age" size="60">&nbsp
                    <button type="button" name="lookup" id="lookup">LOOKUP</button>&nbsp

                    <button class="remove" ng-click="removeId($index)">Remove ID</button><br>
                </fieldset>
                <br>
                <button class="addfields" ng-click="addNewId()">Add ID</button>
            </div>
            <input type="submit" name="submit" id = "submit" value="SUBMIT">
        </form>
    </section>
</body>

它应该向表单添加一组新的输入字段。请帮忙

id 属性不能包含空格或锐字符，此处您设置：

{id: 'id #1'}

如果您将此值归因于 ng-repeat 中每个输入的 id，则可能是答案的一部分。

你能给我们看表格吗？

相关内容

最新更新

热门标签：