cheeky-angular
Version:
Angular Components for Cheeky CMS
49 lines (40 loc) • 1.83 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="dist/cheeky.css">
<link rel="stylesheet" href="main.css">
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="/bower_components/angular-cache/dist/angular-cache.min.js"></script>
<script src="/bower_components/lodash/lodash.min.js"></script>
<script src="/dist/cheeky-angular-min.js"></script>
<script src="http://www.alohaeditor.org/download/aloha.min.js"></script>
<script>
angular.module('app', ['ngSanitize', 'cheeky'])
.config(function(cheekyCMSProvider){
cheekyCMSProvider.map({
"content": "content.json",
"crumpet": "crumpet.json"
});
})
.controller('default', function(){});
</script>
</head>
<body>
<h1>Examples</h1>
<div ng-app="app">
<div ng-controller="default">
<div class="example">Mapped to <code>content.json/msgs/welcome</code></div>
<cheeky-content path="content.msgs.welcome"></cheeky-content>
<div class="example">Mapped to <code>crumpet.json/msgs/welcome</code></div>
<div cheeky-content="crumpet.msgs.welcome"></div>
<div class="example">Unmapped, fails silently and does not replace the content. Logs a message to console.</div>
<div cheeky-content="content.msgs.missing">Hello There</div>
<div class="example">Editable Content</div>
<div cheeky-content="crumpet.msgs.welcome" cheeky-editable></div>
</div>
</div>
</body>
</html>