я впервые пишу код проекта angularjs, и я не могу понять, как оставить форму скрытой, пока не будет нажата определенная кнопка на панели навигации. Кажется, я не могу спрятать или заставить кнопку щелкнуть должным образом, так как я не очень разбираюсь в объектах контроллера и других функциях angularjs. Пожалуйста, помогите, если сможете. Заранее спасибо.
Вот код
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" />
<!-- The main CSS file -->
<link href="style.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body ng-app>
<div ng-app="myApp" ng-controller="myCtrl">
<nav class="{{active}}" >
<a href="#" class="AddItem" ng-click="showForm = true">Add Item </a>
<a href="#" class="DeleteItem">Delete Item</a>
<a href="#" class="DisplayItem">Display Item</a>
<a href="#" class="BorrowItem">Borrow Item</a>
<a href="#" class="ReturnItem">Return Item</a>
</nav>
<form ng-show="showForm"ng-submit="submitForm()">
<h1>Add Items</h1>
<div layout="column" layout-align="center center">
<div> <button class="additmbtn" onclick="">Add Book</button></div>
<div><button class="additmbtn" onclick="">Add DVD</button></div>
</div>
</form>
</div>
<script>
var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', ['$scope',
function($scope) {
$scope.showForm = false;
// init empty user object for our form
$scope.user = {};
$scope.submitForm = function() {
// logic when the form is submitted
//...
};
}
]);
</script>
</body>