输入文字未清除 [英] Input text not being cleared out

查看:59
本文介绍了输入文字未清除的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试在保存一些数据后清除输入文本,但这只是行不通.到目前为止,这是我尝试过的(也是注释中的内容):

I'm trying to clear an input text after saving some data but it just doesn't work. This is what I've tried so far (what it's in comments too):

在此先感谢您的帮助!

HTML:

<div id="add-tag">
    <h3>Add new tag</h3>
    <form name="addTagForm">
        <input class="form-control" type="text" ng-model="newTag" ng-change="onChangeTag()">
        <button class="btn btn-primary" ng-click="addTag(newTag)">Add Tag</button>  
    </form>             
</div>  

JS:

//$scope.master = {};

// Reset scope
$scope.reset = function() {
    $scope.newTag = "";
    //$scope.newTag = angular.copy($scope.master);
};


$scope.addTag = function(tag) {

    // Save some data (this works fine) 
    // ....

    // Reset input field
    $scope.reset();     
};

更新:

我的ng-controller设置为父模板(我正在使用ui.router).只需将其添加到子模板中,它确实可以工作.

My ng-controller was set to the parent template (I'm using ui.router). Just added it to the child template and it indeed worked.

<div id="add-tag" ng-controller="FormController">
    <h3>Add new tag</h3>
    <form name="addTagForm">
        <input class="form-control" type="text" ng-model="newTag" ng-change="onChangeTag()">
        <button class="btn btn-primary" ng-click="addTag(newTag)">Add Tag</button>  
    </form>             
</div>  

推荐答案

我是angularjs的新手,但是在尝试了一些尝试之后,我为您找到了某种解决方案.您可以检查此垃圾箱.我刚刚添加了一个控制器:-

I am new in angularjs but after trying some thing i got some sort of solution for you. You can check this bin. I have just added a controller :-

function test_c($scope){

$scope.reset = function() {
$scope.newTag = "";
//$scope.newTag = angular.copy($scope.master);
};

$scope.addTag = function(tag) {

// Save some data (this works fine) 
// ....

// Reset input field
$scope.reset();     
};}

查看html部分:-

<body ng-app>
  <div id="add-tag" ng-controller="test_c">
    <h3>Add new tag</h3>
    <form name="addTagForm">
    <input class="form-control" type="text" ng-model="newTag" ng-change="onChangeTag()">
    <button class="btn btn-primary" ng-click="addTag(newTag)">Add Tag</button>  
    </form>             
</div>  

这篇关于输入文字未清除的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆