angular.js/scenario/browser.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:ng="http://angularjs.org">
  <head>
    <script type="text/javascript" src="../src/angular-bootstrap.js" ng:autobind></script>
  </head>
  <body ng:init="$window.$scope = this">

  <h1>Should mark input field red and create hover</h1>
  <input type="text" name="name" ng:required/>

  <h1>Should reflect changes in URL</h1>
  <pre>$location={{$location}}</pre>
  hash: <input type="text" name="$location.hash"/> <br/>
  hashPath: <input type="text" name="$location.hashPath"/> <br/>
  hashSearch: <input type="text" name="$location.hashSearch" ng:format="json"/> <br/>

  <h1>Should reflect changes in Cookie</h1>
  <pre>$cookies={{$cookies}}</pre>
  $cookies: <input type="text" name="$cookies" ng:format="json"/> <br/>

  </body>
 </html>
Refactored the Browser: - change from using prototype to inner functions to help with better compression - removed watchers (url/cookie) and introduced a poller concept - moved the checking of URL and cookie into services which register with poolers Benefits: - Smaller minified file - can call $browser.poll() from tests to simulate polling - single place where setTimeout needs to be tested - More testable $browser 2010-09-22 11:24:40 +00:00			`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
			`<html xmlns:ng="http://angularjs.org">`
			`<head>`
			`<script type="text/javascript" src="../src/angular-bootstrap.js" ng:autobind></script>`
			`</head>`
			`<body ng:init="$window.$scope = this">`

			`<h1>Should mark input field red and create hover</h1>`
			`<input type="text" name="name" ng:required/>`

			`<h1>Should reflect changes in URL</h1>`
			`<pre>$location={{$location}}</pre>`
			`hash: <input type="text" name="$location.hash"/> <br/>`
			`hashPath: <input type="text" name="$location.hashPath"/> <br/>`
			`hashSearch: <input type="text" name="$location.hashSearch" ng:format="json"/> <br/>`

			`<h1>Should reflect changes in Cookie</h1>`
			`<pre>$cookies={{$cookies}}</pre>`
			`$cookies: <input type="text" name="$cookies" ng:format="json"/> <br/>`

			`</body>`
			`</html>`