Javascript AngularJS中重置按钮的实现_Javascript_Angularjs

Javascript AngularJS中重置按钮的实现
javascript angularjs
Javascript AngularJS中重置按钮的实现,javascript,angularjs,Javascript,Angularjs,我想知道$scope.reset（）的目的是什么？重置似乎在没有此代码的情况下也能工作，但文档中说要使用此代码，我不明白为什么： <body ng-app="myapp" ng-controller="resetController"> <label>Enter name</label><input type="text" ng-model="name"/> <label>Enter emailid</label
我想知道
$scope.reset（）的目的是什么？重置似乎在没有此代码的情况下也能工作，但文档中说要使用此代码，我不明白为什么：
 <body ng-app="myapp" ng-controller="resetController">
    <label>Enter name</label><input type="text" ng-model="name"/>
    <label>Enter emailid</label><input type="text" ng-model="email"/>
    <button ng-click="reset()">Reset</button>
    <script>
        angular.module("myapp",[])
        .controller("resetController", function($scope)
        {
            $scope.reset = function()
            {
                $scope.name = "";
                $scope.email = "";
            }
            $scope.reset(); /* not sure why we need this */
        });
    </script>
</body>


输入名称
输入emailid
重置
angular.module（“myapp”，[]）
.控制器（“重置控制器”，功能（$scope）
{
$scope.reset=函数（）
{
$scope.name=“”；
$scope.email=“”；
}
$scope.reset（）；/*不确定我们为什么需要这个*/
});

输入名称
输入emailid
重置
angular.module（“myapp”，[]）
.控制器（“重置控制器”，功能（$scope）
{
$scope.reset=函数（）
{
$scope.name=“”；
$scope.email=“”；
}
$scope.reset（）；/*不确定我们为什么需要这个*/
});

这是你的密码。现在，您看到了ng click=“reset（）”
。这是在控制器内调用$scope.reset方法，因此字段被清除
正如您想知道的：$scope.reset（）/*不确定我们为什么需要这个*/
不，您不需要这个，除非您不是从视图中调用这个方法<代码>$scope.reset（）
用于控制器内部，当您需要在页面加载事件上调用方法时
*我认为$scope.reset（）
可用于在首次加载页面时清除字段。

输入名称
输入emailid
重置
angular.module（“myapp”，[]）
.控制器（“重置控制器”，功能（$scope）
{
$scope.reset=函数（）
{
$scope.name=“”；
$scope.email=“”；
}
$scope.reset（）；/*不确定我们为什么需要这个*/
});

这是你的密码。现在，您看到了ng click=“reset（）”
。这是在控制器内调用$scope.reset方法，因此字段被清除
正如您想知道的：$scope.reset（）/*不确定我们为什么需要这个*/
不，您不需要这个，除非您不是从视图中调用这个方法<代码>$scope.reset（）
用于控制器内部，当您需要在页面加载事件上调用方法时
*我认为$scope.reset（）
可以用于在首次加载页面时清除字段。
试试这种方法
<body ng-app="myapp" ng-controller="resetController">
<label>Enter name</label><input type="text" ng-model="fromData.name"/>
<label>Enter emailid</label><input type="text" ng-model="fromData.email"/>
<button ng-click="reset()">Reset</button>
<script>
    angular.module("myapp",[])
    .controller("resetController", function($scope)
    {
        $scope.fromData = [];


        $scope.reset = function()
        {
            $scope.fromData = [];
        }
    });
</script>


输入名称
输入emailid
重置
angular.module（“myapp”，[]）
.控制器（“重置控制器”，功能（$scope）
{
$scope.fromData=[]；
$scope.reset=函数（）
{
$scope.fromData=[]；
}
});

试试这种方法
<body ng-app="myapp" ng-controller="resetController">
<label>Enter name</label><input type="text" ng-model="fromData.name"/>
<label>Enter emailid</label><input type="text" ng-model="fromData.email"/>
<button ng-click="reset()">Reset</button>
<script>
    angular.module("myapp",[])
    .controller("resetController", function($scope)
    {
        $scope.fromData = [];


        $scope.reset = function()
        {
            $scope.fromData = [];
        }
    });
</script>


输入名称
输入emailid
重置
angular.module（“myapp”，[]）
.控制器（“重置控制器”，功能（$scope）
{
$scope.fromData=[]；
$scope.reset=函数（）
{
$scope.fromData=[]；
}
});

你问/*不确定我们为什么需要这个*/

 $scope.reset = function(){
            $scope.name = "";
            $scope.email = "";
 }
 $scope.reset(); /* not sure why we need this */

事实上，它在第一次实例化控制器时调用函数reset（）
，因此在您有时间对这两个输入进行任何思考之前。最好在使用字段之前声明字段，以避免控制器端出现“未定义”错误。在这个特殊的例子中，它没有改变什么，但在这个例子中，它们可能会做更多的事情
您可以尝试在函数中放置一个警报，它应该在第一次运行时调用它，并且每次单击reset（）时都会调用它
你问/*不确定我们为什么需要这个*/

 $scope.reset = function(){
            $scope.name = "";
            $scope.email = "";
 }
 $scope.reset(); /* not sure why we need this */

事实上，它在第一次实例化控制器时调用函数reset（）
，因此在您有时间对这两个输入进行任何思考之前。最好在使用字段之前声明字段，以避免控制器端出现“未定义”错误。在这个特殊的例子中，它没有改变什么，但在这个例子中，它们可能会做更多的事情
您可以尝试在函数中放置一个警报，它应该在第一次运行时调用它，并且每次单击reset（）时都会调用它
重置将清除名称
和电子邮件
绑定的输入字段，但即使我省略了代码$scope.reset（），输入字段也将被清除从控制器@pixelbits。那么它的目的是什么呢？你是对的，在这种情况下它是多余的。你认为这种编码什么时候才真正有用@pixelbits？我认为一个带有type=“reset”的按钮可以解决这个问题，不需要所有的角度编码。：）重置将清除名称
和电子邮件
绑定的输入字段，但即使我省略了代码$scope.reset（），输入字段也将被清除从控制器@pixelbits。那么它的目的是什么呢？你是对的，在这种情况下它是多余的。你认为这种编码什么时候才真正有用@pixelbits？我认为一个带有type=“reset”的按钮可以解决这个问题，不需要所有的角度编码。：）谢谢。触发警报（）可以解释一切。非常感谢。触发警报（）可以解释一切。您是对的。将alert（）添加到reset函数可以证明您所说的。干杯，你说得对。将alert（）添加到reset函数可以证明您所说的。干杯