这是我第一次在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>
问题是在body和div中多次添加ng-app。因此Angular JS将抛出错误
只需在正文或div 中添加即可
<body>
<div ng-app="myApp" ng-controller="myCtrl">
或
<body ng-app="myApp">
<div ng-controller="myCtrl">
您的代码似乎很好，在这里工作得很好。我已经创建了你的代码的plunker。请检查，不要忘记在您的应用程序中包含丢失的角度库。当您单击添加项目链接时，它的作用与您期望的一样，使表单可见。
<nav>
<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">
<button class="additmbtn" onclick="">Add Book</button>
<button class="additmbtn" onclick="">Add DVD</button>
</div>
</form>