无法将默认的angularjs输入设置为空白

Question

这似乎是一个琐碎的问题，但是由于任何原因，我都无法将我的任何输入初始化为空白/空。 Google Chrome以某种方式将值设置为较早的缓存值。

当前视图（即使在清空缓存并进行硬重装之后）

空视图（这是我要完成的工作）

我尝试了以下操作：

<form class="m-t" name="loginForm" id="loginForm" role="form" novalidate>
    <input type="email" class="form-control" name="email" ng-model="login.email" placeholder="Email Address" autocomplete="email" required>

    /* Also tried using ng-init */
    <input type="email" class="form-control" name="email" ng-model="login.email" ng-init="login.email=''" placeholder="Email Address" autocomplete="email" required>

我还尝试过在控制器中将其设置为“”，如下所示：

function LoginUserCtrl($scope, $http, $state, user) {

    $scope.loginForm.email = "";
    // console.log($scope);

    ...

});

我想念什么？这是特定于Google Chrome吗？

Answer 1

您看到的是Chrome的自动填充功能的结果。请注意表单字段的 blue 背景。这表明它是一个自动填充值。

您提到清空了缓存，但是在这种情况下，我认为您没有选择擦除自动填充缓存。具体来说，您应该查看自动填充的地址和更多设置。

Answer 2

您正在使用表单名称将其值设置为空，这是不正确的。

尝试在控制器中设置空值：-

function LoginUserCtrl($scope, $http, $state, user) {
    $scope.login.email = "";

    ...
});