Question

我想要的是一个可用于创建和更新的表单。所以我在展示之前通过

<h1>{{ form.name }} <small>shows correctly</small></h1>

正如您所看到的，我将结果添加到汽车和表格中。现在我打开视图：

<form class="list" ng-submit="createOrUpdateForm(form)">

    <label class="item">
        <span class="input-label">Name</span>
        <input type="text" ng-model="form.name">

但是之后的一条线我几乎一样：

<input type="text" ng-model="car.name">

这里没有显示......但是当我在它之后添加相同的行时：

{{1}}

这确实有效，但我不能再使用ng-submit，因为它引用了表单。

形成一些我无法设置表单范围的原因？

Answer 1

您不应手动为form分配任何内容。 A＆＃34;形式＆＃34;与您使用表单管理的数据不同。在这种情况下，空对象{}和car都没有意义。

为表单命名，这将允许angular将其分配给范围属性。

<h1>{{ car.name }} <small>shows correctly</small></h1>

<form name="carForm" ng-submit="createOrUpdateForm(carForm)">

    <label class="item">
        <span class="input-label">Name</span>
        <input type="text" ng-model="car.name">

$scope.createOrUpdateForm = function(form) {
    if(form.$valid) {
        console.log($scope.car.name);
        // POST / PUT your data.
    }
};

角度设定形式与范围？

1 个答案: