У меня есть эта таблица: Нажмите здесь, чтобы посмотреть фотографию, например
![](https://i.stack.imgur.com/ZRSpr.png)
Я хочу, чтобы при нажатии на некоторые из этих строк в таблице отображалосьdiv (или активная кнопка «edit», которая отображает этот div, который я хочу).Я использую угловой.Как я могу это сделать?Кто-нибудь может мне помочь?Я новичок в программировании, и мне жаль, если мои вопросы не очень ясны.У меня есть код:
<button id="editbtn">Edit</button>
<button id="addbtn">Add</button>
<div class="hideShow" style="display: none;">
<div class="form">
<form ng-submit="saveItem(userForm.$valid)" name="userForm">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="database_address">Потребителско име</label>
<input type="text" class="form-control" required ng-model="activeItem.username" placeholder="Потребителско Име..." />
</div>
<div class="form-group">
<label for="password">Парола*</label>
<input type="text" class="form-control" id="password" ng-model="activeItem.passwordString" />
</div>
<div class="form-group">
<label for="password">Потвърждаване на парола*</label>
<input type="text" class="form-control" id="password" ng-model="activeItem.passwordConfirm" />
</div>
<p ng-show="(activeItem.passwordString != activeItem.passwordConfirm)" style="color:red">Паролите не съвпадата</p>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="username">Оператор</label>
<input type="text" class="form-control" required id="username" ng-model="activeItem.name" />
</div>
</div>
</div>
<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Запиши</button>
<!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
</form>
</div>
</div>
<div class="hideShow1" style="display: none;">
<div class="form">
<form ng-submit="createUser(userForm1.$valid)" name="userForm1">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="database_address">Потребител</label>
<input type="text" class="form-control" ng-model="usernamee" placeholder="Потребителско Име..." />
</div>
<div class="form-group">
<label for="password">Парола</label>
<input type="text" class="form-control" ng-model="passwordd" required id="password" />
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="username">Оператор</label>
<input type="text" class="form-control" ng-model="namee" required id="username" />
</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Запиши</button> <!--ng-click="createUser()"-->
<!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
</form>
</div>
</div>
<!----------------------------FORM FOR ADD USER---------------------------->
</body>
<script>
$('button').click(function(){
if(this.id == 'editbtn'){
$('.hideShow').show();
$('.hideShow1').hide();
}else{
$('.hideShow').hide();
$('.hideShow1').show();
}
})
</script>