javascript - 使用按钮清除 Angular 中的输入，但相同的按钮也用作 ng-show 的一部分

Question

首先，我可以想象这个问题的主题不是很清楚，对此感到抱歉。 我正在使用带有 ng-click 的按钮来显示输入(ng-show)和其他两个按钮(发送、取消)。为了再次隐藏输入，我使用“取消”按钮。但我也想清除输入的值。问题是我不知道如何调用清除功能以及使用同一按钮再次隐藏输入。 这是我的代码:

    <button class="btn-share" ng-click="showme = !showme" clickng-class="{true: 'hideBtn', false: 'btn btn-xs btn-danger'}[showme]">
    show input.
    </button>

    <div class="form-group" ng-show="showme">
        <input id="myInput2" class="typeahead" sf-typeahead type="text" datasets="userDataset" ng-model="searchUser" >
        <button ng-click="showme=false" class="btn btn-xs">Cancel</button>
        <button ng-click="send()" class="btn btn-success btn-xs btn-sent">Send</button>
    </div>

    $scope.showme = false;

Answer 1

只需更新您的代码

<button class="btn-share" ng-click="showme = !showme" clickng-class="{true: 'hideBtn', false: 'btn btn-xs btn-danger'}[showme]">

与

<button class="btn-share" ng-click="searchUser='';showme = !showme" clickng-class="{true: 'hideBtn', false: 'btn btn-xs btn-danger'}[showme]">

我在 ng-click 中添加了 searchUser=''。因此，当用户单击它时，它会首先将范围内的 searchUser 更新为空字符串，然后更新范围内的 showMe。

如果您在取消后不需要信息，可以通过 ng-click 取消按钮执行相同的操作。

这是给你的一个小工具 - http://plnkr.co/edit/X9wbGYsBoIXxR7QmE1zP?p=preview