在一个表单组中输入另一个表单组中的另一个事件被调用

Question

当我在buttom formgroup中的textarea上单击enter时，将调用remove方法定义的顶部表单组。不知道为什么以及如何避免这种情况？我在textarea上添加了一个ngkeyup事件，甚至在我进入文本框时调用remove方法。

<div class="form-group" name="form-group1">
    <label class="col-sm-2 control-label">{{col1label}}</label>
    <div class="col-sm-6">
        <div ng-repeat="label in list">
            <div class="col-sm-6">
                <div class="input-group">


                    <input type="text" class="form-control" ng-model="label.name">

                    <span class="input-group-btn">
                        <button type="submit" class="pull-right btn btn-white" name="btn" ng-click="remove(label.name)">
                            <i class="fa fa-trash"></i>
                        </button>
                    </span>


                </div>
            </div>
            <div class="col-sm-8"></div>

        </div>
    </div>
    </div>
<div class="form-group" name="form-group2">

    <label class="col-sm-2 control-label">{{column2label}}</label>
    <div class="col-sm-6">
        <div class="input-group">
            <input type="text" class="form-control" ng-model="text" name="textarea" placeholder="{{col2placeholder}}">
            <span class="input-group-btn">
                <button type="submit" class="pull-right btn btn-white" name="addButton" ng-click="addvalue()">
                    <i class="fa fa-plus-square"></i>
                </button>
            </span>
        </div>

    </div>

</div>

找到答案。将按钮类型设为按钮而不是提交。这会阻止输入事件被触发。 按钮类型=＆＃34;按钮＆＃34; class =＆＃34; pull-right btn btn-white＆＃34;命名=＆＃34; Add按钮＆＃34;纳克单击=＆＃34;创值（）＆＃34;＆GT;