Posts

Tutorial 22.1 Browser In HTML5 Mode

-
Browser in HTML5 mode ******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-location-html5-mode-production</title>     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="app.js"></script>   <script src="fakeBrowser.js"></script>   <script src="addressBar.js"></script>     </head> <body ng-app="html5-mode">   <div ng-controller="LocationController">   <div ng-address-bar></div><br><br>   <div>     $location.protocol() = <span ng-bind="$location.protocol()"></span> <br>     $location.host() = <span ng-bind="$location.host()"></span> ...
Post a Comment
Read more

Tutorial 22.3 Two-way binding to $location

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-location-hashbang-mode-production</title>     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="app.js"></script>   <script src="fakeBrowser.js"></script>   <script src="addressBar.js"></script>     </head> <body ng-app="hashbang-mode">   <div ng-controller="LocationController">   <div ng-address-bar></div><br><br>   <div>     $location.protocol() = <span ng-bind="$location.protocol()"></span> <br>     $location.host() = <span ng-bind="$location.host()"></span> <br>     $l...
Post a Comment
Read more

Tutorial 22.2 Browser In HTML5 Fallback Mode (Hashbang Mode)

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-location-html5-mode-production</title>   <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="app.js"></script>   <script src="fakeBrowser.js"></script>   <script src="addressBar.js"></script> </head> <body ng-app="html5-mode">   <div ng-controller="LocationController">   <div ng-address-bar></div><br><br>   <div>     $location.protocol() = <span ng-bind="$location.protocol()"></span> <br>     $location.host() = <span ng-bind="$location.host()"></span> <br>     $location.port...
Post a Comment
Read more

Tutorial 26.2 Disabling attributes

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-accessibility-ng-click-production</title>     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="//code.angularjs.org/snapshot/angular-aria.js"></script>     </head> <body ng-app="ngAria_ngClickExample">    <div ng-click="someFunction" show-attrs>    &lt;div&gt; with ng-click and bindRoleForClick, tabindex set to false  </div> <script>  angular.module('ngAria_ngClickExample', ['ngAria'], function config($ariaProvider) {    $ariaProvider.config({      bindRoleForClick: false,      tabindex: false    });  })  .directi...
Post a Comment
Read more

Tutorial 26.1 ngModel

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-accessibility-ng-model-production</title>   <link href="style.css" rel="stylesheet" type="text/css">     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="//code.angularjs.org/snapshot/angular-aria.js"></script>   <script src="script.js"></script>     </head> <body ng-app="ngAria_ngModelExample">   <form>   <custom-checkbox role="checkbox" ng-model="checked" required       aria-label="Custom checkbox" show-attrs>     Custom checkbox   </custom-checkbox> </form> <hr /> <b>Is checked:</b>...
Post a Comment
Read more

Tutorial 24.1 Basic Example

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-message-format-example-production</title>     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="//code.angularjs.org/snapshot/angular-message-format.js"></script>   <script src="app.js"></script>     </head> <body ng-app="messageFormatExample">   <div ng-controller="ckCtrl">   <b>Set number of recipients</b>   <button ng-click="setNumRecipients(0)">None</button>   <button ng-click="setNumRecipients(1)">One</button>   <button ng-click="setNumRecipients(2)">Two</button>   <button ng-click="setNumR...
Post a Comment
Read more

Tutorial 18.3 Filter Decorator Example

-
******************************************INDEX.HTML***************************************************** <!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Example - example-filter-decorator-production</title>     <script src="//code.angularjs.org/snapshot/angular.min.js"></script>   <script src="script.js"></script>     </head> <body ng-app="filterDecorator">   <div ng-controller="Ctrl">   <div id="genesis">Initial Commit default to short date: {{ genesis | date }}</div>   <div>ng-conf 2016 default short date: {{ ngConf | date }}</div>   <div id="ngConf">ng-conf 2016 with full date format: {{ ngConf | date:'fullDate' }}</div> </div> </body> </html> ******************************************INDEX.HTML*********************...
Post a Comment
Read more