Question

我有一个复选框。勾选该复选框，我显示一个文本框和一个下拉菜单。我想添加一个提交按钮，该按钮也应仅显示在复选框的勾号上。这不适合我。此外，我必须使用该提交按钮将数据（文本框的值和下拉列表中的选定值）发送到我的controller.js。 已编辑：我需要做的是我必须从下拉列表中选择数据并输入文本数据，我需要通过angularjs控制器将这两个数据发送到弹簧控制器。

Here is my code : .html

    <div class="form-group">
            <div ng-controller="release">
                    <div class="col-md-2 col-centered col-fixed">
                        <label for="cloneRelease" translate="release.form.cloneRelease">CloneRelease</label>
                        <input type="checkbox" id="cloneRelease" ng-model="ticketed">
                            <div ng-show="ticketed">
                                Release Name:<input type="text" ng-show="ticketed" id="newReleaseName">
                                Release To Clone<select ng-show="ticketed" ng-repeat="release in releaseName">
                                <option  value={{release}}>{{release}}</option>
                                </select>
                                <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" 
                                ng-click="cloneRelease(release,newReleaseName)">CloneRelease</button>
                            </div>
                    </div>
                </div>
        </div>

controller.js

$scope.cloneRelease = function($release,$newReleaseName){
            var dataObj = {
            oldReleaseName : $scope.release,
            newReleaseName : $scope.newReleaseName,
        };
        console.log('inside clone release'+dataObj);
        $http.post('cloneReleaseController/cloneRelease',dataObj).success(function (data) { 

        }); 
        }

Spring controller

public void cloneRelease(String oldReleaseName ,String newReleaseName, @RequestBody ReleaseDAO releaseDAO){
        System.out.println("inside clone controller"+oldReleaseName+" "+newReleaseName);
}

Answer 1

请做这个

<div ng-controller="release">
  <div class="col-md-2 col-centered col-fixed">
    <input type="checkbox" id="cloneRelease" ng-model="ticketed">
    <div ng-show="ticketed">
      <input type="text" ng-show="ticketed" id="newReleaseName" ng-model="releaseName">
      <select ng-show="ticketed" ng-repeat="release in releaseName">
        <option  value={{release}}>{{release}}</option>
      </select>
      <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" ng-click="cloneRelease()">CloneRelease</button>
    </div>
  </div>

<div ng-show="ticketed">
  <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" ng-click="cloneRelease()">CloneRelease</button>
</div>

选中复选框时启用提交按钮并将数据发送到controller.js

1 个答案: