fruitstand
Version:
29 lines • 844 B
HTML
<html ng-app="myApp">
<head>
<title>AngularJS Data Include Directive</title>
<style>
.large{
background-color: blue; color: white;
text-align: center;
font: bold 50px/80px verdana, serif;
border: 6px black ridge; }
.small{
background-color: lightgrey;
text-align: center;
border: 1px black solid; }
a{
color: blue; text-decoration: underline;
cursor: pointer; }
</style>
</head>
<body>
<div ng-controller="myController">
[<a ng-click="titleBar='large_title.html'">Make Title Large</a>]
[<a ng-click="titleBar='small_title.html'">Make Title Small</a>]
<div ng-include="titleBar"></div>
</div>
<script src="http://code.angularjs.org/1.3.0/angular.min.js"></script>
<script src="js/directive_angular_include.js"></script>
</body>
</html>