Javascript 我不知道如何使编辑按钮工作

Javascript 我不知道如何使编辑按钮工作,javascript,html,Javascript,Html,这是我已经研究了一段时间的东西,它即将发布,我就是不知道如何让编辑按钮工作。如果您能找到一种方法让它工作,只需将java留在下面,您所做的更改将不胜感激 <div class="container-fluid text-center"> <div class="panel panel-default"> <div class="panel-heading">Vehicle Management</div> &

这是我已经研究了一段时间的东西,它即将发布,我就是不知道如何让编辑按钮工作。如果您能找到一种方法让它工作,只需将java留在下面,您所做的更改将不胜感激

<div class="container-fluid text-center">
    <div class="panel panel-default">
        <div class="panel-heading">Vehicle Management</div>
        <h2>List of your characters' vehicles</h2>
        <table class="table table-responsive table-striped">
            <thead>
                <th>Vehicle Make</th>
                <th>Vehicle Model</th>
                <th>Vehicle Color</th>
                <th>Vehicle Owner</th>
                <th>License Plate</th>
                <th>Details</th>
                <th>Actions</th>
            </thead>


            <tr ng-show="vehList.length > 0" class="text-left" ng-repeat="veh in vehList">
                <td>{{veh.vehmake}}</td>
                <td>{{veh.vehmodel}}</td>
                <td>{{veh.vehcolor}}</td>
                <td>{{veh.vehowner}}</td>
                <td>{{veh.vehplate}}</td>
                <td>
                    <span ng-show="veh.details.stolen" class="text-danger"><i class="glyphicon glyphicon-warning-sign"></i> Stolen<br /></span>
                    <span ng-show="veh.details.registrationExpired" class="text-warning">Expired Registration<br /></span>
                    <span ng-show="veh.details.noRegistration" class="text-warning">No Registration<br /></span>
                    <span ng-show="veh.details.insuranceExpired" class="text-warning">Expired Insurance<br /></span>
                    <span ng-show="veh.details.noInsurance" class="text-warning">No Insurance<br /></span>
                </td>
                <td>
                    <span ng-show="veh.details.active" class="btn btn-primary glyphicon glyphicon-star"><br/></span>
                    <span ng-show="veh.details.nonactive" class="btn btn-default glyphicon glyphicon-star-empty"><br/></span>
                    <button ng-click="edit=true" class="btn btn-primary glyphicon glyphicon-edit"></button>
                    <button ng-click="deleteVehicle($index)" class="btn btn-danger glyphicon glyphicon-trash"></button>
                </td>
            </tr>

            <!-- Only shown when there's no vehicule already created -->
            <tr ng-show="vehList.length == 0">
                <td colspan="7" class="text-center">
                    <h4>No Vehicle Found, Please Create One.</h4>
                </td> 
            <tr>
                <td colspan="7" class="text-center">
                    <button class="btn btn-success" data-toggle="modal" data-target="#modalAdNewVehicle"><i class="glyphicon glyphicon-plus"></i></button>
                </td>
            </tr>
        </table>
        <div class="panel-body">
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="modalAdNewVehicle" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4>Vehicle Information
                </h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid text-center">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Vehicle Make</span>
                                <input ng-model="newveh.vehmake" autofocus type="text" class="form-control" placeholder="" aria-describedby="basic-addon1">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Vehicle Model</span>
                                <input ng-model="newveh.vehmodel" type="text" class="form-control" placeholder="" aria-describedby="basic-addon1">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Vehicle Color</span>
                                <input ng-model="newveh.vehcolor" type="text" class="form-control" placeholder="" aria-describedby="basic-addon1">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Vehicle Owner</span>
                                <input ng-model="newveh.vehowner" type="text" class="form-control" placeholder="" aria-describedby="basic-addon1">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Vehicle Plate</span>
                                <input ng-model="newveh.vehplate" type="text" class="form-control" placeholder="" aria-describedby="basic-addon1">
                            </div>
                            <div class="container-fluid text-left">
                                <div class="checkbox">
                                    <label><input ng-click-"!newveh.details.active" ng-model="newveh.details.active" type="checkbox" value"">Active</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.nonactive" ng-model="newveh.details.nonactive" type="checkbox" value="">Not Active</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.stolen" ng-model="newveh.details.stolen" type="checkbox" value="">Stolen</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.registrationExpired" ng-model="newveh.details.registrationExpired" type="checkbox" value="">Expired Registration</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.noRegistration" ng-model="newveh.details.noRegistration" type="checkbox" value="">No Registration</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.insuranceExpired" ng-model="newveh.details.insuranceExpired" type="checkbox" value="">Expired Insurance</label>
                                </div>
                                <div class="checkbox">
                                    <label><input ng-click="!newveh.details.noInsurance" ng-model="newveh.details.noInsurance" type="checkbox" value="">No Insurance</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer text-center">
                <button ng-click="addNewVehicle()" class="btn btn-primary" data-dismiss="modal">Submit</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('.modal').on('shown.bs.modal', function() {
        $(this).find('[autofocus]').focus();
    });
</script>


车辆管理
角色的车辆列表
车辆制造
车型
车辆颜色
车主
车牌
细节
行动
{{veh.vehmake}
{{veh.vehmodel}
{{veh.vehcolor}}
{{veh.vehowner}}
{{veh.vehplate}
被盗
过期注册
没有注册
过期保险
没有保险


未找到车辆,请创建一辆。 &时代; 车辆信息 车辆制造 车型 车辆颜色 车主 车牌 活跃的 不活跃 偷 过期注册 没有注册 过期保险 没有保险 提交 $('.modal').on('show.bs.modal',function()){ $(this.find('[autofocus]').focus(); });


还有java脚本可以让其他一切正常工作,我就是不知道如何让编辑按钮正常工作

只需将java放在下面-
java!=JavaScript
嘿,你想用编辑按钮编辑什么?你把jQuery和Angular混在一起了。使用jQuery或Angular,而不是两者都使用,您的问题就会消失。这个问题很可能是直接源于这样一个事实,即您试图使两个完全不同的东西一起工作。您需要在按钮的上下文中定义“工作”的含义。还有,它现在做什么?你有错误吗?如果是这样,如果你不知道如何修复它们,就把它们贴在这里。只需把java放在下面-
java!=JavaScript
嘿,你想用编辑按钮编辑什么?你把jQuery和Angular混在一起了。使用jQuery或Angular,而不是两者都使用,您的问题就会消失。这个问题很可能是直接源于这样一个事实,即您试图使两个完全不同的东西一起工作。您需要在按钮的上下文中定义“工作”的含义。还有,它现在做什么?你有错误吗?如果是这样的话,如果你不知道如何修复它们,就把它们贴在这里。