Skip to content

Instantly share code, notes, and snippets.

@vojtajina

vojtajina/angular-bind-title.html

Created June 13, 2011 12:56
Show Gist options
  • Save vojtajina/1022724 to your computer and use it in GitHub Desktop.
Save vojtajina/1022724 to your computer and use it in GitHub Desktop.
Download ZIP
Angular - binding title example
Raw
angular-bind-title.html
<!DOCTYPE HTML>
<html xmlns:ng="http://angularjs.org" ng:controller="Main">
<head>
<title ng:bind-template="Prefix: {{pageTitle}}"></title>
<script type="text/javascript" src="build/angular.js" ng:autobind></script>
<script type="text/javascript">
function Main(){}
function Child(){}
</script>
</head>
<body>
<a href ng:click="$root.pageTitle = 'parent'">set title to parent</a>
<div ng:controller="Child">
<a href ng:click="$root.pageTitle = 'child title'">set title to child</a>
</div>
<a href ng:click="partial='content.html'">load partial</a>
<ng:include src="partial">nothing loaded</ng:include>
</body>
</html>
Raw
content.html
This is partial content, which sets title to partial...
<div ng:init="$root.pageTitle = 'partial'"></div>
@maartenst
Copy link

This doesn't seem to work for Internet Explorer 8, I had to resort to setting $window.document.title from my controller.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment