chore(*): refactor all ng: to ng-

36 files changed, 445 insertions, 445 deletions

diff --git a/src/Angular.js b/src/Angular.js
index 57c86417..c70373b2 100644
--- a/src/Angular.js
+++ b/src/Angular.js
@@ -445,7 +445,7 @@ function makeMap(str){
 
 
 /**
- * HTML class which is the only class which can be used in ng:bind to inline HTML for security
+ * HTML class which is the only class which can be used in ng-bind to inline HTML for security
  * reasons.
  *
  * @constructor
@@ -831,7 +831,7 @@ function encodeUriQuery(val, pctEncodeSpaces) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:app
+ * @name angular.module.ng.$compileProvider.directive.ng-app
  *
  * @element ANY
  * @param {angular.Module} module on optional application
@@ -844,11 +844,11 @@ function encodeUriQuery(val, pctEncodeSpaces) {
  * designates the root of the application and is typically placed
  * ot the root of the page.
  *
- * In the example below if the `ng:app` directive would not be placed
+ * In the example below if the `ng-app` directive would not be placed
  * on the `html` element then the document would not be compiled
  * and the `{{ 1+2 }}` would not be resolved to `3`.
  *
- * `ng:app` is the easiest way to bootstrap an application.
+ * `ng-app` is the easiest way to bootstrap an application.
  *
  <doc:example>
    <doc:source>
diff --git a/src/directive/a.js b/src/directive/a.js
index bd56f3be..d96af784 100644
--- a/src/directive/a.js
+++ b/src/directive/a.js
@@ -4,14 +4,14 @@
  * Modifies the default behavior of html A tag, so that the default action is prevented when href
  * attribute is empty.
  *
- * The reasoning for this change is to allow easy creation of action links with ng:click without
+ * The reasoning for this change is to allow easy creation of action links with ng-click without
  * changing the location or causing page reloads, e.g.:
- * <a href="" ng:click="model.$save()">Save</a>
+ * <a href="" ng-click="model.$save()">Save</a>
  */
 var htmlAnchorDirective = valueFn({
   restrict: 'E',
   compile: function(element, attr) {
-    // turn <a href ng:click="..">link</a> into a link in IE
+    // turn <a href ng-click="..">link</a> into a link in IE
     // but only if it doesn't have name attribute, in which case it's an anchor
     if (!attr.href) {
       attr.$set('href', '');
diff --git a/src/directive/booleanAttrDirs.js b/src/directive/booleanAttrDirs.js
index 06b85823..0c1731a8 100644
--- a/src/directive/booleanAttrDirs.js
+++ b/src/directive/booleanAttrDirs.js
@@ -2,15 +2,15 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:href
+ * @name angular.module.ng.$compileProvider.directive.ng-href
  *
  * @description
  * Using <angular/> markup like {{hash}} in an href attribute makes
  * the page open to a wrong URL, if the user clicks that link before
  * angular has a chance to replace the {{hash}} with actual URL, the
  * link will be broken and will most likely return a 404 error.
- * The `ng:href` solves this problem by placing the `href` in the
- * `ng:` namespace.
+ * The `ng-href` solves this problem by placing the `href` in the
+ * `ng-` namespace.
  *
  * The buggy way to write it:
  * <pre>
@@ -19,7 +19,7 @@
  *
  * The correct way to write it:
  * <pre>
- * <a ng:href="http://www.gravatar.com/avatar/{{hash}}"/>
+ * <a ng-href="http://www.gravatar.com/avatar/{{hash}}"/>
  * </pre>
  *
  * @element ANY
@@ -29,47 +29,47 @@
  * This example uses `link` variable inside `href` attribute:
     <doc:example>
       <doc:source>
-        <input ng:model="value" /><br />
-        <a id="link-1" href ng:click="value = 1">link 1</a> (link, don't reload)<br />
-        <a id="link-2" href="" ng:click="value = 2">link 2</a> (link, don't reload)<br />
-        <a id="link-3" ng:href="/{{'123'}}" ng:ext-link>link 3</a> (link, reload!)<br />
-        <a id="link-4" href="" name="xx" ng:click="value = 4">anchor</a> (link, don't reload)<br />
-        <a id="link-5" name="xxx" ng:click="value = 5">anchor</a> (no link)<br />
-        <a id="link-6" ng:href="/{{value}}" ng:ext-link>link</a> (link, change hash)
+        <input ng-model="value" /><br />
+        <a id="link-1" href ng-click="value = 1">link 1</a> (link, don't reload)<br />
+        <a id="link-2" href="" ng-click="value = 2">link 2</a> (link, don't reload)<br />
+        <a id="link-3" ng-href="/{{'123'}}" ng-ext-link>link 3</a> (link, reload!)<br />
+        <a id="link-4" href="" name="xx" ng-click="value = 4">anchor</a> (link, don't reload)<br />
+        <a id="link-5" name="xxx" ng-click="value = 5">anchor</a> (no link)<br />
+        <a id="link-6" ng-href="/{{value}}" ng-ext-link>link</a> (link, change hash)
       </doc:source>
       <doc:scenario>
-        it('should execute ng:click but not reload when href without value', function() {
+        it('should execute ng-click but not reload when href without value', function() {
           element('#link-1').click();
           expect(input('value').val()).toEqual('1');
           expect(element('#link-1').attr('href')).toBe("");
         });
 
-        it('should execute ng:click but not reload when href empty string', function() {
+        it('should execute ng-click but not reload when href empty string', function() {
           element('#link-2').click();
           expect(input('value').val()).toEqual('2');
           expect(element('#link-2').attr('href')).toBe("");
         });
 
-        it('should execute ng:click and change url when ng:href specified', function() {
+        it('should execute ng-click and change url when ng-href specified', function() {
           expect(element('#link-3').attr('href')).toBe("/123");
 
           element('#link-3').click();
           expect(browser().window().path()).toEqual('/123');
         });
 
-        it('should execute ng:click but not reload when href empty string and name specified', function() {
+        it('should execute ng-click but not reload when href empty string and name specified', function() {
           element('#link-4').click();
           expect(input('value').val()).toEqual('4');
           expect(element('#link-4').attr('href')).toBe("");
         });
 
-        it('should execute ng:click but not reload when no href but name specified', function() {
+        it('should execute ng-click but not reload when no href but name specified', function() {
           element('#link-5').click();
           expect(input('value').val()).toEqual('5');
           expect(element('#link-5').attr('href')).toBe("");
         });
 
-        it('should only change url when only ng:href', function() {
+        it('should only change url when only ng-href', function() {
           input('value').enter('6');
           expect(element('#link-6').attr('href')).toBe("/6");
 
@@ -82,14 +82,14 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:src
+ * @name angular.module.ng.$compileProvider.directive.ng-src
  *
  * @description
  * Using <angular/> markup like `{{hash}}` in a `src` attribute doesn't
  * work right: The browser will fetch from the URL with the literal
  * text `{{hash}}` until <angular/> replaces the expression inside
- * `{{hash}}`. The `ng:src` attribute solves this problem by placing
- *  the `src` attribute in the `ng:` namespace.
+ * `{{hash}}`. The `ng-src` attribute solves this problem by placing
+ *  the `src` attribute in the `ng-` namespace.
  *
  * The buggy way to write it:
  * <pre>
@@ -98,7 +98,7 @@
  *
  * The correct way to write it:
  * <pre>
- * <img ng:src="http://www.gravatar.com/avatar/{{hash}}"/>
+ * <img ng-src="http://www.gravatar.com/avatar/{{hash}}"/>
  * </pre>
  *
  * @element ANY
@@ -107,13 +107,13 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:disabled
+ * @name angular.module.ng.$compileProvider.directive.ng-disabled
  *
  * @description
  *
  * The following markup will make the button enabled on Chrome/Firefox but not on IE8 and older IEs:
  * <pre>
- * <div ng:init="scope = { isDisabled: false }">
+ * <div ng-init="scope = { isDisabled: false }">
  *  <button disabled="{{scope.isDisabled}}">Disabled</button>
  * </div>
  * </pre>
@@ -121,13 +121,13 @@
  * The HTML specs do not require browsers to preserve the special attributes such as disabled.
  * (The presence of them means true and absence means false)
  * This prevents the angular compiler from correctly retrieving the binding expression.
- * To solve this problem, we introduce ng:disabled.
+ * To solve this problem, we introduce ng-disabled.
  *
  * @example
     <doc:example>
       <doc:source>
-        Click me to toggle: <input type="checkbox" ng:model="checked"><br/>
-        <button ng:model="button" ng:disabled="{{checked}}">Button</button>
+        Click me to toggle: <input type="checkbox" ng-model="checked"><br/>
+        <button ng-model="button" ng-disabled="{{checked}}">Button</button>
       </doc:source>
       <doc:scenario>
         it('should toggle button', function() {
@@ -145,18 +145,18 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:checked
+ * @name angular.module.ng.$compileProvider.directive.ng-checked
  *
  * @description
  * The HTML specs do not require browsers to preserve the special attributes such as checked.
  * (The presence of them means true and absence means false)
  * This prevents the angular compiler from correctly retrieving the binding expression.
- * To solve this problem, we introduce ng:checked.
+ * To solve this problem, we introduce ng-checked.
  * @example
     <doc:example>
       <doc:source>
-        Check me to check both: <input type="checkbox" ng:model="master"><br/>
-        <input id="checkSlave" type="checkbox" ng:checked="{{master}}">
+        Check me to check both: <input type="checkbox" ng-model="master"><br/>
+        <input id="checkSlave" type="checkbox" ng-checked="{{master}}">
       </doc:source>
       <doc:scenario>
         it('should check both checkBoxes', function() {
@@ -174,19 +174,19 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:multiple
+ * @name angular.module.ng.$compileProvider.directive.ng-multiple
  *
  * @description
  * The HTML specs do not require browsers to preserve the special attributes such as multiple.
  * (The presence of them means true and absence means false)
  * This prevents the angular compiler from correctly retrieving the binding expression.
- * To solve this problem, we introduce ng:multiple.
+ * To solve this problem, we introduce ng-multiple.
  *
  * @example
      <doc:example>
        <doc:source>
-         Check me check multiple: <input type="checkbox" ng:model="checked"><br/>
-         <select id="select" ng:multiple="{{checked}}">
+         Check me check multiple: <input type="checkbox" ng-model="checked"><br/>
+         <select id="select" ng-multiple="{{checked}}">
            <option>Misko</option>
            <option>Igor</option>
            <option>Vojta</option>
@@ -209,18 +209,18 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:readonly
+ * @name angular.module.ng.$compileProvider.directive.ng-readonly
  *
  * @description
  * The HTML specs do not require browsers to preserve the special attributes such as readonly.
  * (The presence of them means true and absence means false)
  * This prevents the angular compiler from correctly retrieving the binding expression.
- * To solve this problem, we introduce ng:readonly.
+ * To solve this problem, we introduce ng-readonly.
  * @example
     <doc:example>
       <doc:source>
-        Check me to make text readonly: <input type="checkbox" ng:model="checked"><br/>
-        <input type="text" ng:readonly="{{checked}}" value="I'm Angular"/>
+        Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/>
+        <input type="text" ng-readonly="{{checked}}" value="I'm Angular"/>
       </doc:source>
       <doc:scenario>
         it('should toggle readonly attr', function() {
@@ -238,20 +238,20 @@
 
 /**
 * @ngdoc directive
-* @name angular.module.ng.$compileProvider.directive.ng:selected
+* @name angular.module.ng.$compileProvider.directive.ng-selected
 *
 * @description
 * The HTML specs do not require browsers to preserve the special attributes such as selected.
 * (The presence of them means true and absence means false)
 * This prevents the angular compiler from correctly retrieving the binding expression.
-* To solve this problem, we introduce ng:selected.
+* To solve this problem, we introduce ng-selected.
 * @example
    <doc:example>
      <doc:source>
-       Check me to select: <input type="checkbox" ng:model="checked"><br/>
+       Check me to select: <input type="checkbox" ng-model="checked"><br/>
        <select>
          <option>Hello!</option>
-         <option id="greet" ng:selected="{{checked}}">Greetings!</option>
+         <option id="greet" ng-selected="{{checked}}">Greetings!</option>
        </select>
      </doc:source>
      <doc:scenario>
diff --git a/src/directive/form.js b/src/directive/form.js
index e3b937da..84352902 100644
--- a/src/directive/form.js
+++ b/src/directive/form.js
@@ -113,11 +113,11 @@ function FormController($scope, name) {
  *
  * If `name` attribute is specified, the controller is published to the scope as well.
  *
- * # Alias: `ng:form`
+ * # Alias: `ng-form`
  *
  * In angular forms can be nested. This means that the outer form is valid when all of the child
  * forms are valid as well. However browsers do not allow nesting of `<form>` elements, for this
- * reason angular provides `<ng:form>` alias which behaves identical to `<form>` but allows
+ * reason angular provides `<ng-form>` alias which behaves identical to `<form>` but allows
  * element nesting.
  *
  *
@@ -141,19 +141,19 @@ function FormController($scope, name) {
  * You can use one of the following two ways to specify what javascript method should be called when
  * a form is submitted:
  *
- * - ng:submit on the form element (add link to ng:submit)
- * - ng:click on the first button or input field of type submit (input[type=submit])
+ * - ng-submit on the form element (add link to ng-submit)
+ * - ng-click on the first button or input field of type submit (input[type=submit])
  *
- * To prevent double execution of the handler, use only one of ng:submit or ng:click. This is
+ * To prevent double execution of the handler, use only one of ng-submit or ng-click. This is
  * because of the following form submission rules coming from the html spec:
  *
  * - If a form has only one input field then hitting enter in this field triggers form submit
- * (`ng:submit`)
+ * (`ng-submit`)
  * - if a form has has 2+ input fields and no buttons or input[type=submit] then hitting enter
  * doesn't trigger submit
  * - if a form has one or more input fields and one or more buttons or input[type=submit] then
  * hitting enter in any of the input fields will trigger the click handler on the *first* button or
- * input[type=submit] (`ng:click`) *and* a submit handler on the enclosing form (`ng:submit`)
+ * input[type=submit] (`ng-click`) *and* a submit handler on the enclosing form (`ng-submit`)
  *
  * @param {string=} name Name of the form. If specified, the form controller will be published into
  *                       related scope, under this name.
@@ -166,9 +166,9 @@ function FormController($scope, name) {
            $scope.text = 'guest';
          }
        </script>
-       <form name="myForm" ng:controller="Ctrl">
-         text: <input type="text" name="input" ng:model="text" required>
-         <span class="error" ng:show="myForm.input.error.REQUIRED">Required!</span>
+       <form name="myForm" ng-controller="Ctrl">
+         text: <input type="text" name="input" ng-model="text" required>
+         <span class="error" ng-show="myForm.input.error.REQUIRED">Required!</span>
          <tt>text = {{text}}</tt><br/>
          <tt>myForm.input.valid = {{myForm.input.valid}}</tt><br/>
          <tt>myForm.input.error = {{myForm.input.error}}</tt><br/>
diff --git a/src/directive/input.js b/src/directive/input.js
index 8eea48a3..cb6a8f96 100644
--- a/src/directive/input.js
+++ b/src/directive/input.js
@@ -13,17 +13,17 @@ var inputType = {
    * @description
    * Standard HTML text input with angular data binding.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string=} name Property name of the form under which the widgets is published.
    * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
-   * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+   * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
    *    minlength.
-   * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+   * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
    *    maxlength.
-   * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+   * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
    *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
    *    patterns defined as scope expressions.
-   * @param {string=} ng:change Angular expression to be executed when input changes due to user
+   * @param {string=} ng-change Angular expression to be executed when input changes due to user
    *    interaction with the input element.
    *
    * @example
@@ -35,12 +35,12 @@ var inputType = {
              $scope.word = /^\w*$/;
            }
          </script>
-         <form name="myForm" ng:controller="Ctrl">
-           Single word: <input type="text" name="input" ng:model="text"
-                               ng:pattern="word" required>
-           <span class="error" ng:show="myForm.input.error.REQUIRED">
+         <form name="myForm" ng-controller="Ctrl">
+           Single word: <input type="text" name="input" ng-model="text"
+                               ng-pattern="word" required>
+           <span class="error" ng-show="myForm.input.error.REQUIRED">
              Required!</span>
-           <span class="error" ng:show="myForm.input.error.PATTERN">
+           <span class="error" ng-show="myForm.input.error.PATTERN">
              Single word only!</span>
 
            <tt>text = {{text}}</tt><br/>
@@ -80,19 +80,19 @@ var inputType = {
    * Text input with number validation and transformation. Sets the `NUMBER` validation
    * error if not a valid number.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string=} name Property name of the form under which the widgets is published.
    * @param {string=} min Sets the `MIN` validation error key if the value entered is less then `min`.
    * @param {string=} max Sets the `MAX` validation error key if the value entered is greater then `min`.
    * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
-   * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+   * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
    *    minlength.
-   * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+   * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
    *    maxlength.
-   * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+   * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
    *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
    *    patterns defined as scope expressions.
-   * @param {string=} ng:change Angular expression to be executed when input changes due to user
+   * @param {string=} ng-change Angular expression to be executed when input changes due to user
    *    interaction with the input element.
    *
    * @example
@@ -103,12 +103,12 @@ var inputType = {
              $scope.value = 12;
            }
          </script>
-         <form name="myForm" ng:controller="Ctrl">
-           Number: <input type="number" name="input" ng:model="value"
+         <form name="myForm" ng-controller="Ctrl">
+           Number: <input type="number" name="input" ng-model="value"
                           min="0" max="99" required>
-           <span class="error" ng:show="myForm.list.error.REQUIRED">
+           <span class="error" ng-show="myForm.list.error.REQUIRED">
              Required!</span>
-           <span class="error" ng:show="myForm.list.error.NUMBER">
+           <span class="error" ng-show="myForm.list.error.NUMBER">
              Not valid number!</span>
            <tt>value = {{value}}</tt><br/>
            <tt>myForm.input.valid = {{myForm.input.valid}}</tt><br/>
@@ -148,17 +148,17 @@ var inputType = {
    * Text input with URL validation. Sets the `URL` validation error key if the content is not a
    * valid URL.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string=} name Property name of the form under which the widgets is published.
    * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
-   * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+   * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
    *    minlength.
-   * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+   * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
    *    maxlength.
-   * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+   * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
    *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
    *    patterns defined as scope expressions.
-   * @param {string=} ng:change Angular expression to be executed when input changes due to user
+   * @param {string=} ng-change Angular expression to be executed when input changes due to user
    *    interaction with the input element.
    *
    * @example
@@ -169,11 +169,11 @@ var inputType = {
              $scope.text = 'http://google.com';
            }
          </script>
-         <form name="myForm" ng:controller="Ctrl">
-           URL: <input type="url" name="input" ng:model="text" required>
-           <span class="error" ng:show="myForm.input.error.REQUIRED">
+         <form name="myForm" ng-controller="Ctrl">
+           URL: <input type="url" name="input" ng-model="text" required>
+           <span class="error" ng-show="myForm.input.error.REQUIRED">
              Required!</span>
-           <span class="error" ng:show="myForm.input.error.url">
+           <span class="error" ng-show="myForm.input.error.url">
              Not valid url!</span>
            <tt>text = {{text}}</tt><br/>
            <tt>myForm.input.valid = {{myForm.input.valid}}</tt><br/>
@@ -213,14 +213,14 @@ var inputType = {
    * Text input with email validation. Sets the `EMAIL` validation error key if not a valid email
    * address.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string=} name Property name of the form under which the widgets is published.
    * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
-   * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+   * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
    *    minlength.
-   * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+   * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
    *    maxlength.
-   * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+   * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
    *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
    *    patterns defined as scope expressions.
    *
@@ -232,11 +232,11 @@ var inputType = {
              $scope.text = 'me@example.com';
            }
          </script>
-           <form name="myForm" ng:controller="Ctrl">
-             Email: <input type="email" name="input" ng:model="text" required>
-             <span class="error" ng:show="myForm.input.error.REQUIRED">
+           <form name="myForm" ng-controller="Ctrl">
+             Email: <input type="email" name="input" ng-model="text" required>
+             <span class="error" ng-show="myForm.input.error.REQUIRED">
                Required!</span>
-             <span class="error" ng:show="myForm.input.error.EMAIL">
+             <span class="error" ng-show="myForm.input.error.EMAIL">
                Not valid email!</span>
              <tt>text = {{text}}</tt><br/>
              <tt>myForm.input.valid = {{myForm.input.valid}}</tt><br/>
@@ -275,10 +275,10 @@ var inputType = {
    * @description
    * HTML radio button.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string} value The value to which the expression should be set when selected.
    * @param {string=} name Property name of the form under which the widgets is published.
-   * @param {string=} ng:change Angular expression to be executed when input changes due to user
+   * @param {string=} ng-change Angular expression to be executed when input changes due to user
    *    interaction with the input element.
    *
    * @example
@@ -289,10 +289,10 @@ var inputType = {
              $scope.color = 'blue';
            }
          </script>
-         <form name="myForm" ng:controller="Ctrl">
-           <input type="radio" ng:model="color" value="red">  Red <br/>
-           <input type="radio" ng:model="color" value="green"> Green <br/>
-           <input type="radio" ng:model="color" value="blue"> Blue <br/>
+         <form name="myForm" ng-controller="Ctrl">
+           <input type="radio" ng-model="color" value="red">  Red <br/>
+           <input type="radio" ng-model="color" value="green"> Green <br/>
+           <input type="radio" ng-model="color" value="blue"> Blue <br/>
            <tt>color = {{color}}</tt><br/>
           </form>
         </doc:source>
@@ -316,11 +316,11 @@ var inputType = {
    * @description
    * HTML checkbox.
    *
-   * @param {string} ng:model Assignable angular expression to data-bind to.
+   * @param {string} ng-model Assignable angular expression to data-bind to.
    * @param {string=} name Property name of the form under which the widgets is published.
-   * @param {string=} ng:true-value The value to which the expression should be set when selected.
-   * @param {string=} ng:false-value The value to which the expression should be set when not selected.
-   * @param {string=} ng:change Angular expression to be executed when input changes due to user
+   * @param {string=} ng-true-value The value to which the expression should be set when selected.
+   * @param {string=} ng-false-value The value to which the expression should be set when not selected.
+   * @param {string=} ng-change Angular expression to be executed when input changes due to user
    *    interaction with the input element.
    *
    * @example
@@ -332,10 +332,10 @@ var inputType = {
              $scope.value2 = 'YES'
            }
          </script>
-         <form name="myForm" ng:controller="Ctrl">
-           Value1: <input type="checkbox" ng:model="value1"> <br/>
-           Value2: <input type="checkbox" ng:model="value2"
-                          ng:true-value="YES" ng:false-value="NO"> <br/>
+         <form name="myForm" ng-controller="Ctrl">
+           Value1: <input type="checkbox" ng-model="value1"> <br/>
+           Value2: <input type="checkbox" ng-model="value2"
+                          ng-true-value="YES" ng-false-value="NO"> <br/>
            <tt>value1 = {{value1}}</tt><br/>
            <tt>value2 = {{value2}}</tt><br/>
           </form>
@@ -607,17 +607,17 @@ function checkboxInputType(scope, element, attr, ctrl) {
  * properties of this element are exactly the same as those of the
  * {@link angular.module.ng.$compileProvider.directive.input input element}.
  *
- * @param {string} ng:model Assignable angular expression to data-bind to.
+ * @param {string} ng-model Assignable angular expression to data-bind to.
  * @param {string=} name Property name of the form under which the widgets is published.
  * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
- * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+ * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
  *    minlength.
- * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+ * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
  *    maxlength.
- * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+ * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
  *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
  *    patterns defined as scope expressions.
- * @param {string=} ng:change Angular expression to be executed when input changes due to user
+ * @param {string=} ng-change Angular expression to be executed when input changes due to user
  *    interaction with the input element.
  */
 
@@ -630,17 +630,17 @@ function checkboxInputType(scope, element, attr, ctrl) {
  * HTML input element widget with angular data-binding. Input widget follows HTML5 input types
  * and polyfills the HTML5 validation behavior for older browsers.
  *
- * @param {string} ng:model Assignable angular expression to data-bind to.
+ * @param {string} ng-model Assignable angular expression to data-bind to.
  * @param {string=} name Property name of the form under which the widgets is published.
  * @param {string=} required Sets `REQUIRED` validation error key if the value is not entered.
- * @param {number=} ng:minlength Sets `MINLENGTH` validation error key if the value is shorter than
+ * @param {number=} ng-minlength Sets `MINLENGTH` validation error key if the value is shorter than
  *    minlength.
- * @param {number=} ng:maxlength Sets `MAXLENGTH` validation error key if the value is longer than
+ * @param {number=} ng-maxlength Sets `MAXLENGTH` validation error key if the value is longer than
  *    maxlength.
- * @param {string=} ng:pattern Sets `PATTERN` validation error key if the value does not match the
+ * @param {string=} ng-pattern Sets `PATTERN` validation error key if the value does not match the
  *    RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for
  *    patterns defined as scope expressions.
- * @param {string=} ng:change Angular expression to be executed when input changes due to user
+ * @param {string=} ng-change Angular expression to be executed when input changes due to user
  *    interaction with the input element.
  *
  * @example
@@ -651,16 +651,16 @@ function checkboxInputType(scope, element, attr, ctrl) {
            $scope.user = {name: 'guest', last: 'visitor'};
          }
        </script>
-       <div ng:controller="Ctrl">
+       <div ng-controller="Ctrl">
          <form name="myForm">
-           User name: <input type="text" name="userName" ng:model="user.name" required>
-           <span class="error" ng:show="myForm.userName.error.REQUIRED">
+           User name: <input type="text" name="userName" ng-model="user.name" required>
+           <span class="error" ng-show="myForm.userName.error.REQUIRED">
              Required!</span><br>
-           Last name: <input type="text" name="lastName" ng:model="user.last"
-             ng:minlength="3" ng:maxlength="10">
-           <span class="error" ng:show="myForm.lastName.error.MINLENGTH">
+           Last name: <input type="text" name="lastName" ng-model="user.last"
+             ng-minlength="3" ng-maxlength="10">
+           <span class="error" ng-show="myForm.lastName.error.MINLENGTH">
              Too short!</span>
-           <span class="error" ng:show="myForm.lastName.error.MAXLENGTH">
+           <span class="error" ng-show="myForm.lastName.error.MAXLENGTH">
              Too long!</span><br>
          </form>
          <hr>
@@ -730,7 +730,7 @@ var inputDirective = [function() {
 
 /**
  * @ngdoc object
- * @name angular.module.ng.$compileProvider.directive.ng:model.NgModelController
+ * @name angular.module.ng.$compileProvider.directive.ng-model.NgModelController
  *
  * @property {string} viewValue Actual string value in the view.
  * @property {*} modelValue The value in the model, that the widget is bound to.
@@ -767,8 +767,8 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 'ngModel',
 
   /**
    * @ngdoc function
-   * @name angular.module.ng.$compileProvider.directive.ng:model.NgModelController#touch
-   * @methodOf angular.module.ng.$compileProvider.directive.ng:model.NgModelController
+   * @name angular.module.ng.$compileProvider.directive.ng-model.NgModelController#touch
+   * @methodOf angular.module.ng.$compileProvider.directive.ng-model.NgModelController
    *
    * @return {boolean} Whether it did change state.
    *
@@ -795,8 +795,8 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 'ngModel',
 
   /**
    * @ngdoc function
-   * @name angular.module.ng.$compileProvider.directive.ng:model.NgModelController#setValidity
-   * @methodOf angular.module.ng.$compileProvider.directive.ng:model.NgModelController
+   * @name angular.module.ng.$compileProvider.directive.ng-model.NgModelController#setValidity
+   * @methodOf angular.module.ng.$compileProvider.directive.ng-model.NgModelController
    *
    * @description
    * Change the validity state, and notifies the form when the widget changes validity. (i.e. does
@@ -830,8 +830,8 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 'ngModel',
 
   /**
    * @ngdoc function
-   * @name angular.module.ng.$compileProvider.directive.ng:model.NgModelController#read
-   * @methodOf angular.module.ng.$compileProvider.directive.ng:model.NgModelController
+   * @name angular.module.ng.$compileProvider.directive.ng-model.NgModelController#read
+   * @methodOf angular.module.ng.$compileProvider.directive.ng-model.NgModelController
    *
    * @description
    * Read a value from view.
@@ -886,15 +886,15 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 'ngModel',
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:model
+ * @name angular.module.ng.$compileProvider.directive.ng-model
  *
  * @element input
  *
  * @description
  * Is directive that tells Angular to do two-way data binding. It works together with `input`,
- * `select`, `textarea`. You can easily write your own directives to use `ng:model` as well.
+ * `select`, `textarea`. You can easily write your own directives to use `ng-model` as well.
  *
- * `ng:model` is responsible for:
+ * `ng-model` is responsible for:
  *
  * - binding the view into the model, which other directives such as `input`, `textarea` or `select`
  *   require,
@@ -903,7 +903,7 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 'ngModel',
  * - setting related css class onto the element (`ng-valid`, `ng-invalid`, `ng-dirty`, `ng-pristine`),
  * - register the widget with parent {@link angular.module.ng.$compileProvider.directive.form form}.
  *
- * For basic examples, how to use `ng:model`, see:
+ * For basic examples, how to use `ng-model`, see:
  *
  *  - {@link angular.module.ng.$compileProvider.directive.input input}
  *    - {@link angular.module.ng.$compileProvider.directive.input.text text}
@@ -945,13 +945,13 @@ var ngModelDirective = [function() {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:change
+ * @name angular.module.ng.$compileProvider.directive.ng-change
  *
  * @description
  * Evaluate given expression when user changes the input.
  * The expression is not evaluated when the value change is coming from the model.
  *
- * Note, this directive requires `ng:model` to be present.
+ * Note, this directive requires `ng-model` to be present.
  *
  * @element input
  *
@@ -966,9 +966,9 @@ var ngModelDirective = [function() {
  *         };
  *       }
  *     </script>
- *     <div ng:controller="Controller">
- *       <input type="checkbox" ng:model="confirmed" ng:change="change()" id="ng-change-example1" />
- *       <input type="checkbox" ng:model="confirmed" id="ng-change-example2" />
+ *     <div ng-controller="Controller">
+ *       <input type="checkbox" ng-model="confirmed" ng-change="change()" id="ng-change-example1" />
+ *       <input type="checkbox" ng-model="confirmed" id="ng-change-example2" />
  *       <label for="ng-change-example2">Confirmed</label><br />
  *       debug = {{confirmed}}<br />
  *       counter = {{counter}}
@@ -1002,22 +1002,22 @@ var ngChangeDirective = valueFn({
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:model-instant
+ * @name angular.module.ng.$compileProvider.directive.ng-model-instant
  *
  * @element input
  *
  * @description
  * By default, Angular udpates the model only on `blur` event - when the input looses focus.
- * If you want to update after every key stroke, use `ng:model-instant`.
+ * If you want to update after every key stroke, use `ng-model-instant`.
  *
  * @example
  * <doc:example>
  *   <doc:source>
- *     First name: <input type="text" ng:model="firstName" /><br />
- *     Last name: <input type="text" ng:model="lastName" ng:model-instant /><br />
+ *     First name: <input type="text" ng-model="firstName" /><br />
+ *     Last name: <input type="text" ng-model="lastName" ng-model-instant /><br />
  *
  *     First name ({{firstName}}) is only updated on `blur` event, but the last name ({{lastName}})
- *     is updated immediately, because of using `ng:model-instant`.
+ *     is updated immediately, because of using `ng-model-instant`.
  *   </doc:source>
  *   <doc:scenario>
  *     it('should update first name on blur', function() {
@@ -1099,7 +1099,7 @@ var requiredDirective = [function() {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:list
+ * @name angular.module.ng.$compileProvider.directive.ng-list
  *
  * @description
  * Text input that converts between comma-seperated string into an array of strings.
@@ -1114,9 +1114,9 @@ var requiredDirective = [function() {
            $scope.names = ['igor', 'misko', 'vojta'];
          }
        </script>
-       <form name="myForm" ng:controller="Ctrl">
-         List: <input name="input" ng:model="names" ng:list required>
-         <span class="error" ng:show="myForm.list.error.REQUIRED">
+       <form name="myForm" ng-controller="Ctrl">
+         List: <input name="input" ng-model="names" ng-list required>
+         <span class="error" ng-show="myForm.list.error.REQUIRED">
            Required!</span>
          <tt>names = {{names}}</tt><br/>
          <tt>myForm.input.valid = {{myForm.input.valid}}</tt><br/>
diff --git a/src/directive/ngBind.js b/src/directive/ngBind.js
index 37fabb94..4f443328 100644
--- a/src/directive/ngBind.js
+++ b/src/directive/ngBind.js
@@ -2,16 +2,16 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:bind
+ * @name angular.module.ng.$compileProvider.directive.ng-bind
  *
  * @description
- * The `ng:bind` attribute tells Angular to replace the text content of the specified HTML element
+ * The `ng-bind` attribute tells Angular to replace the text content of the specified HTML element
  * with the value of a given expression, and to update the text content when the value of that
  * expression changes.
  *
- * Typically, you don't use `ng:bind` directly, but instead you use the double curly markup like
+ * Typically, you don't use `ng-bind` directly, but instead you use the double curly markup like
  * `{{ expression }}` and let the Angular compiler transform it to
- * `<span ng:bind="expression"></span>` when the template is compiled.
+ * `<span ng-bind="expression"></span>` when the template is compiled.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} to evaluate.
@@ -25,13 +25,13 @@
            $scope.name = 'Whirled';
          }
        </script>
-       <div ng:controller="Ctrl">
-         Enter name: <input type="text" ng:model="name"> <br/>
-         Hello <span ng:bind="name"></span>!
+       <div ng-controller="Ctrl">
+         Enter name: <input type="text" ng-model="name"> <br/>
+         Hello <span ng-bind="name"></span>!
        </div>
      </doc:source>
      <doc:scenario>
-       it('should check ng:bind', function() {
+       it('should check ng-bind', function() {
          expect(using('.doc-example-live').binding('name')).toBe('Whirled');
          using('.doc-example-live').input('name').enter('world');
          expect(using('.doc-example-live').binding('name')).toBe('world');
@@ -49,12 +49,12 @@ var ngBindDirective = ngDirective(function(scope, element, attr) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:bind-html-unsafe
+ * @name angular.module.ng.$compileProvider.directive.ng-bind-html-unsafe
  *
  * @description
  * Creates a binding that will innerHTML the result of evaluating the `expression` into the current
  * element. *The innerHTML-ed content will not be sanitized!* You should use this directive only if
- * {@link angular.module.ng.$compileProvider.directive.ng:bind-html ng:bind-html} directive is too
+ * {@link angular.module.ng.$compileProvider.directive.ng-bind-html ng-bind-html} directive is too
  * restrictive and when you absolutely trust the source of the content you are binding to.
  *
  * See {@link angular.module.ng.$sanitize $sanitize} docs for examples.
@@ -72,7 +72,7 @@ var ngBindHtmlUnsafeDirective = ngDirective(function(scope, element, attr) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:bind-html
+ * @name angular.module.ng.$compileProvider.directive.ng-bind-html
  *
  * @description
  * Creates a binding that will sanitize the result of evaluating the `expression` with the
@@ -98,12 +98,12 @@ var ngBindHtmlDirective = ['$sanitize', function($sanitize) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:bind-template
+ * @name angular.module.ng.$compileProvider.directive.ng-bind-template
  *
  * @description
- * The `ng:bind-template` attribute specifies that the element
- * text should be replaced with the template in ng:bind-template.
- * Unlike ng:bind the ng:bind-template can contain multiple `{{` `}}`
+ * The `ng-bind-template` attribute specifies that the element
+ * text should be replaced with the template in ng-bind-template.
+ * Unlike ng-bind the ng-bind-template can contain multiple `{{` `}}`
  * expressions. (This is required since some HTML elements
  * can not have SPAN elements such as TITLE, or OPTION to name a few.)
  *
@@ -121,14 +121,14 @@ var ngBindHtmlDirective = ['$sanitize', function($sanitize) {
            $scope.name = 'World';
          }
        </script>
-       <div ng:controller="Ctrl">
-        Salutation: <input type="text" ng:model="salutation"><br/>
-        Name: <input type="text" ng:model="name"><br/>
-        <pre ng:bind-template="{{salutation}} {{name}}!"></pre>
+       <div ng-controller="Ctrl">
+        Salutation: <input type="text" ng-model="salutation"><br/>
+        Name: <input type="text" ng-model="name"><br/>
+        <pre ng-bind-template="{{salutation}} {{name}}!"></pre>
        </div>
      </doc:source>
      <doc:scenario>
-       it('should check ng:bind', function() {
+       it('should check ng-bind', function() {
          expect(using('.doc-example-live').binding('salutation')).
            toBe('Hello');
          expect(using('.doc-example-live').binding('name')).
@@ -157,23 +157,23 @@ var ngBindTemplateDirective = ['$interpolate', function($interpolate) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:bind-attr
+ * @name angular.module.ng.$compileProvider.directive.ng-bind-attr
  *
  * @description
- * The `ng:bind-attr` attribute specifies that a
+ * The `ng-bind-attr` attribute specifies that a
  * {@link guide/dev_guide.templates.databinding databinding}  should be created between a particular
- * element attribute and a given expression. Unlike `ng:bind`, the `ng:bind-attr` contains one or
+ * element attribute and a given expression. Unlike `ng-bind`, the `ng-bind-attr` contains one or
  * more JSON key value pairs; each pair specifies an attribute and the
  * {@link guide/dev_guide.expressions expression} to which it will be mapped.
  *
- * Instead of writing `ng:bind-attr` statements in your HTML, you can use double-curly markup to
- * specify an <tt ng:non-bindable>{{expression}}</tt> for the value of an attribute.
+ * Instead of writing `ng-bind-attr` statements in your HTML, you can use double-curly markup to
+ * specify an <tt ng-non-bindable>{{expression}}</tt> for the value of an attribute.
  * At compile time, the attribute is translated into an
- * `<span ng:bind-attr="{attr:expression}"></span>`.
+ * `<span ng-bind-attr="{attr:expression}"></span>`.
  *
- * The following HTML snippet shows how to specify `ng:bind-attr`:
+ * The following HTML snippet shows how to specify `ng-bind-attr`:
  * <pre>
- *   <a ng:bind-attr='{"href":"http://www.google.com/search?q={{query}}"}'>Google</a>
+ *   <a ng-bind-attr='{"href":"http://www.google.com/search?q={{query}}"}'>Google</a>
  * </pre>
  *
  * This is cumbersome, so as we mentioned using double-curly markup is a prefered way of creating
@@ -182,10 +182,10 @@ var ngBindTemplateDirective = ['$interpolate', function($interpolate) {
  *   <a href="http://www.google.com/search?q={{query}}">Google</a>
  * </pre>
  *
- * During compilation, the template with attribute markup gets translated to the ng:bind-attr form
+ * During compilation, the template with attribute markup gets translated to the ng-bind-attr form
  * mentioned above.
  *
- * _Note_: You might want to consider using {@link angular.module.ng.$compileProvider.directive.ng:href ng:href} instead of
+ * _Note_: You might want to consider using {@link angular.module.ng.$compileProvider.directive.ng-href ng-href} instead of
  * `href` if the binding is present in the main application template (`index.html`) and you want to
  * make sure that a user is not capable of clicking on raw/uncompiled link.
  *
@@ -195,7 +195,7 @@ var ngBindTemplateDirective = ['$interpolate', function($interpolate) {
  *    the attributes to replace with expressions. Each key matches an attribute
  *    which needs to be replaced. Each value is a text template of
  *    the attribute with the embedded
- *    <tt ng:non-bindable>{{expression}}</tt>s. Any number of
+ *    <tt ng-non-bindable>{{expression}}</tt>s. Any number of
  *    key-value pairs can be specified.
  *
  * @example
@@ -207,18 +207,18 @@ var ngBindTemplateDirective = ['$interpolate', function($interpolate) {
            $scope.query = 'AngularJS';
          }
        </script>
-       <div ng:controller="Ctrl">
+       <div ng-controller="Ctrl">
         Google for:
-        <input type="text" ng:model="query"/>
-        <a ng:bind-attr='{"href":"http://www.google.com/search?q={{query}}"}'>
+        <input type="text" ng-model="query"/>
+        <a ng-bind-attr='{"href":"http://www.google.com/search?q={{query}}"}'>
           Google
-        </a> (ng:bind-attr) |
+        </a> (ng-bind-attr) |
         <a href="http://www.google.com/search?q={{query}}">Google</a>
         (curly binding in attribute val)
        </div>
      </doc:source>
      <doc:scenario>
-       it('should check ng:bind-attr', function() {
+       it('should check ng-bind-attr', function() {
          expect(using('.doc-example-live').element('a').attr('href')).
            toBe('http://www.google.com/search?q=AngularJS');
          using('.doc-example-live').input('query').enter('google');
diff --git a/src/directive/ngClass.js b/src/directive/ngClass.js
index 2016d04f..903625e6 100644
--- a/src/directive/ngClass.js
+++ b/src/directive/ngClass.js
@@ -19,10 +19,10 @@ function classDirective(name, selector) {
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:class
+ * @name angular.module.ng.$compileProvider.directive.ng-class
  *
  * @description
- * The `ng:class` allows you to set CSS class on HTML element dynamically by databinding an
+ * The `ng-class` allows you to set CSS class on HTML element dynamically by databinding an
  * expression that represents all classes to be added.
  *
  * The directive won't add duplicate classes if a particular class was already set.
@@ -38,13 +38,13 @@ function classDirective(name, selector) {
  * @example
    <doc:example>
      <doc:source>
-      <input type="button" value="set" ng:click="myVar='ng-invalid'">
-      <input type="button" value="clear" ng:click="myVar=''">
+      <input type="button" value="set" ng-click="myVar='ng-invalid'">
+      <input type="button" value="clear" ng-click="myVar=''">
       <br>
-      <span ng:class="myVar">Sample Text &nbsp;&nbsp;&nbsp;&nbsp;</span>
+      <span ng-class="myVar">Sample Text &nbsp;&nbsp;&nbsp;&nbsp;</span>
      </doc:source>
      <doc:scenario>
-       it('should check ng:class', function() {
+       it('should check ng-class', function() {
          expect(element('.doc-example-live span').prop('className')).not().
            toMatch(/ng-invalid/);
 
@@ -65,15 +65,15 @@ var ngClassDirective = classDirective('', true);
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:class-odd
+ * @name angular.module.ng.$compileProvider.directive.ng-class-odd
  *
  * @description
- * The `ng:class-odd` and `ng:class-even` works exactly as
- * {@link angular.module.ng.$compileProvider.directive.ng:class ng:class}, except it works in conjunction with `ng:repeat` and
+ * The `ng-class-odd` and `ng-class-even` works exactly as
+ * {@link angular.module.ng.$compileProvider.directive.ng-class ng-class}, except it works in conjunction with `ng-repeat` and
  * takes affect only on odd (even) rows.
  *
  * This directive can be applied only within a scope of an
- * {@link angular.module.ng.$compileProvider.directive.ng:repeat ng:repeat}.
+ * {@link angular.module.ng.$compileProvider.directive.ng-repeat ng-repeat}.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} to eval. The result
@@ -82,17 +82,17 @@ var ngClassDirective = classDirective('', true);
  * @example
    <doc:example>
      <doc:source>
-        <ol ng:init="names=['John', 'Mary', 'Cate', 'Suz']">
-          <li ng:repeat="name in names">
-           <span ng:class-odd="'ng-format-negative'"
-                 ng:class-even="'ng-invalid'">
+        <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
+          <li ng-repeat="name in names">
+           <span ng-class-odd="'ng-format-negative'"
+                 ng-class-even="'ng-invalid'">
              {{name}} &nbsp; &nbsp; &nbsp;
            </span>
           </li>
         </ol>
      </doc:source>
      <doc:scenario>
-       it('should check ng:class-odd and ng:class-even', function() {
+       it('should check ng-class-odd and ng-class-even', function() {
          expect(element('.doc-example-live li:first span').prop('className')).
            toMatch(/ng-format-negative/);
          expect(element('.doc-example-live li:last span').prop('className')).
@@ -105,15 +105,15 @@ var ngClassOddDirective = classDirective('Odd', 0);
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:class-even
+ * @name angular.module.ng.$compileProvider.directive.ng-class-even
  *
  * @description
- * The `ng:class-odd` and `ng:class-even` works exactly as
- * {@link angular.module.ng.$compileProvider.directive.ng:class ng:class}, except it works in conjunction with `ng:repeat` and
+ * The `ng-class-odd` and `ng-class-even` works exactly as
+ * {@link angular.module.ng.$compileProvider.directive.ng-class ng-class}, except it works in conjunction with `ng-repeat` and
  * takes affect only on odd (even) rows.
  *
  * This directive can be applied only within a scope of an
- * {@link angular.module.ng.$compileProvider.directive.ng:repeat ng:repeat}.
+ * {@link angular.module.ng.$compileProvider.directive.ng-repeat ng-repeat}.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} to eval. The result
@@ -122,16 +122,16 @@ var ngClassOddDirective = classDirective('Odd', 0);
  * @example
    <doc:example>
      <doc:source>
-        <ol ng:init="names=['John', 'Mary', 'Cate', 'Suz']">
-          <li ng:repeat="name in names">
-           <span ng:class-odd="'odd'" ng:class-even="'even'">
+        <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
+          <li ng-repeat="name in names">
+           <span ng-class-odd="'odd'" ng-class-even="'even'">
              {{name}} &nbsp; &nbsp; &nbsp;
            </span>
           </li>
         </ol>
      </doc:source>
      <doc:scenario>
-       it('should check ng:class-odd and ng:class-even', function() {
+       it('should check ng-class-odd and ng-class-even', function() {
          expect(element('.doc-example-live li:first span').prop('className')).
            toMatch(/odd/);
          expect(element('.doc-example-live li:last span').prop('className')).
diff --git a/src/directive/ngCloak.js b/src/directive/ngCloak.js
index b4fe6708..7422e15a 100644
--- a/src/directive/ngCloak.js
+++ b/src/directive/ngCloak.js
@@ -2,17 +2,17 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:cloak
+ * @name angular.module.ng.$compileProvider.directive.ng-cloak
  *
  * @description
- * The `ng:cloak` directive is used to prevent the Angular html template from being briefly
+ * The `ng-cloak` directive is used to prevent the Angular html template from being briefly
  * displayed by the browser in its raw (uncompiled) form while your application is loading. Use this
  * directive to avoid the undesirable flicker effect caused by the html template display.
  *
  * The directive can be applied to the `<body>` element, but typically a fine-grained application is
  * prefered in order to benefit from progressive rendering of the browser view.
  *
- * `ng:cloak` works in cooperation with a css rule that is embedded within `angular.js` and
+ * `ng-cloak` works in cooperation with a css rule that is embedded within `angular.js` and
  *  `angular.min.js` files. Following is the css rule:
  *
  * <pre>
@@ -22,8 +22,8 @@
  * </pre>
  *
  * When this css rule is loaded by the browser, all html elements (including their children) that
- * are tagged with the `ng:cloak` directive are hidden. When Angular comes across this directive
- * during the compilation of the template it deletes the `ng:cloak` element attribute, which
+ * are tagged with the `ng-cloak` directive are hidden. When Angular comes across this directive
+ * during the compilation of the template it deletes the `ng-cloak` element attribute, which
  * makes the compiled element visible.
  *
  * For the best result, `angular.js` script must be loaded in the head section of the html file;
@@ -32,21 +32,21 @@
  *
  * Legacy browsers, like IE7, do not provide attribute selector support (added in CSS 2.1) so they
  * cannot match the `[ng\:cloak]` selector. To work around this limitation, you must add the css
- * class `ng-cloak` in addition to `ng:cloak` directive as shown in the example below.
+ * class `ng-cloak` in addition to `ng-cloak` directive as shown in the example below.
  *
  * @element ANY
  *
  * @example
    <doc:example>
      <doc:source>
-        <div id="template1" ng:cloak>{{ 'hello' }}</div>
-        <div id="template2" ng:cloak class="ng-cloak">{{ 'hello IE7' }}</div>
+        <div id="template1" ng-cloak>{{ 'hello' }}</div>
+        <div id="template2" ng-cloak class="ng-cloak">{{ 'hello IE7' }}</div>
      </doc:source>
      <doc:scenario>
        it('should remove the template directive and css class', function() {
-         expect(element('.doc-example-live #template1').attr('ng:cloak')).
+         expect(element('.doc-example-live #template1').attr('ng-cloak')).
            not().toBeDefined();
-         expect(element('.doc-example-live #template2').attr('ng:cloak')).
+         expect(element('.doc-example-live #template2').attr('ng-cloak')).
            not().toBeDefined();
        });
      </doc:scenario>
diff --git a/src/directive/ngController.js b/src/directive/ngController.js
index e17a97cd..7dd90f48 100644
--- a/src/directive/ngController.js
+++ b/src/directive/ngController.js
@@ -2,17 +2,17 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:controller
+ * @name angular.module.ng.$compileProvider.directive.ng-controller
  *
  * @description
- * The `ng:controller` directive assigns behavior to a scope. This is a key aspect of how angular
+ * The `ng-controller` directive assigns behavior to a scope. This is a key aspect of how angular
  * supports the principles behind the Model-View-Controller design pattern.
  *
  * MVC components in angular:
  *
  * * Model — The Model is data in scope properties; scopes are attached to the DOM.
  * * View — The template (HTML with data bindings) is rendered into the View.
- * * Controller — The `ng:controller` directive specifies a Controller class; the class has
+ * * Controller — The `ng-controller` directive specifies a Controller class; the class has
  *   methods that typically express the business logic behind the application.
  *
  * Note that an alternative way to define controllers is via the `{@link angular.module.ng.$route}`
@@ -59,21 +59,21 @@
           };
         }
       </script>
-      <div ng:controller="SettingsController">
-        Name: <input type="text" ng:model="name"/>
-        [ <a href="" ng:click="greet()">greet</a> ]<br/>
+      <div ng-controller="SettingsController">
+        Name: <input type="text" ng-model="name"/>
+        [ <a href="" ng-click="greet()">greet</a> ]<br/>
         Contact:
         <ul>
-          <li ng:repeat="contact in contacts">
-            <select ng:model="contact.type">
+          <li ng-repeat="contact in contacts">
+            <select ng-model="contact.type">
                <option>phone</option>
                <option>email</option>
             </select>
-            <input type="text" ng:model="contact.value"/>
-            [ <a href="" ng:click="clearContact(contact)">clear</a>
-            | <a href="" ng:click="removeContact(contact)">X</a> ]
+            <input type="text" ng-model="contact.value"/>
+            [ <a href="" ng-click="clearContact(contact)">clear</a>
+            | <a href="" ng-click="removeContact(contact)">X</a> ]
           </li>
-          <li>[ <a href="" ng:click="addContact()">add</a> ]</li>
+          <li>[ <a href="" ng-click="addContact()">add</a> ]</li>
        </ul>
       </div>
      </doc:source>
diff --git a/src/directive/ngEventDirs.js b/src/directive/ngEventDirs.js
index 0815229d..9563ee22 100644
--- a/src/directive/ngEventDirs.js
+++ b/src/directive/ngEventDirs.js
@@ -2,10 +2,10 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:click
+ * @name angular.module.ng.$compileProvider.directive.ng-click
  *
  * @description
- * The ng:click allows you to specify custom behavior when
+ * The ng-click allows you to specify custom behavior when
  * element is clicked.
  *
  * @element ANY
@@ -15,13 +15,13 @@
  * @example
    <doc:example>
      <doc:source>
-      <button ng:click="count = count + 1" ng:init="count=0">
+      <button ng-click="count = count + 1" ng-init="count=0">
         Increment
       </button>
       count: {{count}}
      </doc:source>
      <doc:scenario>
-       it('should check ng:click', function() {
+       it('should check ng-click', function() {
          expect(binding('count')).toBe('0');
          element('.doc-example-live :button').click();
          expect(binding('count')).toBe('1');
@@ -55,39 +55,39 @@ forEach(
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:dblclick
+ * @name angular.module.ng.$compileProvider.directive.ng-dblclick
  *
  * @description
- * The ng:dblclick allows you to specify custom behavior on dblclick event.
+ * The ng-dblclick allows you to specify custom behavior on dblclick event.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} to evaluate upon
  * dblclick. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mousedown
+ * @name angular.module.ng.$compileProvider.directive.ng-mousedown
  *
  * @description
- * The ng:mousedown allows you to specify custom behavior on mousedown event.
+ * The ng-mousedown allows you to specify custom behavior on mousedown event.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} to evaluate upon
  * mousedown. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mouseup
+ * @name angular.module.ng.$compileProvider.directive.ng-mouseup
  *
  * @description
  * Specify custom behavior on mouseup event.
@@ -97,12 +97,12 @@ forEach(
  * mouseup. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mouseover
+ * @name angular.module.ng.$compileProvider.directive.ng-mouseover
  *
  * @description
  * Specify custom behavior on mouseover event.
@@ -112,13 +112,13 @@ forEach(
  * mouseover. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mouseenter
+ * @name angular.module.ng.$compileProvider.directive.ng-mouseenter
  *
  * @description
  * Specify custom behavior on mouseenter event.
@@ -128,13 +128,13 @@ forEach(
  * mouseenter. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mouseleave
+ * @name angular.module.ng.$compileProvider.directive.ng-mouseleave
  *
  * @description
  * Specify custom behavior on mouseleave event.
@@ -144,13 +144,13 @@ forEach(
  * mouseleave. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:mousemove
+ * @name angular.module.ng.$compileProvider.directive.ng-mousemove
  *
  * @description
  * Specify custom behavior on mousemove event.
@@ -160,13 +160,13 @@ forEach(
  * mousemove. (Event object is available as `$event`)
  *
  * @example
- * See {@link angular.module.ng.$compileProvider.directive.ng:click ng:click}
+ * See {@link angular.module.ng.$compileProvider.directive.ng-click ng-click}
  */
 
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:submit
+ * @name angular.module.ng.$compileProvider.directive.ng-submit
  *
  * @description
  * Enables binding angular expressions to onsubmit events.
@@ -192,15 +192,15 @@ forEach(
           };
         }
       </script>
-      <form ng:submit="submit()" ng:controller="Ctrl">
+      <form ng-submit="submit()" ng-controller="Ctrl">
         Enter text and hit enter:
-        <input type="text" ng:model="text" name="text" />
+        <input type="text" ng-model="text" name="text" />
         <input type="submit" id="submit" value="Submit" />
         <pre>list={{list}}</pre>
       </form>
      </doc:source>
      <doc:scenario>
-       it('should check ng:submit', function() {
+       it('should check ng-submit', function() {
          expect(binding('list')).toBe('[]');
          element('.doc-example-live #submit').click();
          expect(binding('list')).toBe('["hello"]');
diff --git a/src/directive/ngInclude.js b/src/directive/ngInclude.js
index 68a03d35..297de966 100644
--- a/src/directive/ngInclude.js
+++ b/src/directive/ngInclude.js
@@ -2,14 +2,14 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:include
+ * @name angular.module.ng.$compileProvider.directive.ng-include
  * @restrict EA
  *
  * @description
  * Fetches, compiles and includes an external HTML fragment.
  *
  * Keep in mind that Same Origin Policy applies to included resources
- * (e.g. ng:include won't work for file:// access).
+ * (e.g. ng-include won't work for file:// access).
  *
  * @scope
  *
@@ -19,7 +19,7 @@
  *                 instance of angular.module.ng.$rootScope.Scope to set the HTML fragment to.
  * @param {string=} onload Expression to evaluate when a new partial is loaded.
  *
- * @param {string=} autoscroll Whether `ng:include` should call {@link angular.module.ng.$anchorScroll
+ * @param {string=} autoscroll Whether `ng-include` should call {@link angular.module.ng.$anchorScroll
  *                  $anchorScroll} to scroll the viewport after the content is loaded.
  *
  *                  - If the attribute is not set, disable scrolling.
@@ -37,8 +37,8 @@
            $scope.template = $scope.templates[0];
          }
        </script>
-       <div ng:controller="Ctrl">
-         <select ng:model="template" ng:options="t.name for t in templates">
+       <div ng-controller="Ctrl">
+         <select ng-model="template" ng-options="t.name for t in templates">
           <option value="">(blank)</option>
          </select>
          url of the template: <tt><a href="{{template.url}}">{{template.url}}</a></tt>
@@ -67,11 +67,11 @@
 
 /**
  * @ngdoc event
- * @name angular.module.ng.$compileProvider.directive.ng:include#$includeContentLoaded
- * @eventOf angular.module.ng.$compileProvider.directive.ng:include
- * @eventType emit on the current ng:include scope
+ * @name angular.module.ng.$compileProvider.directive.ng-include#$includeContentLoaded
+ * @eventOf angular.module.ng.$compileProvider.directive.ng-include
+ * @eventType emit on the current ng-include scope
  * @description
- * Emitted every time the ng:include content is reloaded.
+ * Emitted every time the ng-include content is reloaded.
  */
 var ngIncludeDirective = ['$http', '$templateCache', '$anchorScroll', '$compile',
                   function($http,   $templateCache,   $anchorScroll,   $compile) {
diff --git a/src/directive/ngInit.js b/src/directive/ngInit.js
index cdab1cdb..644fec6a 100644
--- a/src/directive/ngInit.js
+++ b/src/directive/ngInit.js
@@ -2,10 +2,10 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:init
+ * @name angular.module.ng.$compileProvider.directive.ng-init
  *
  * @description
- * The `ng:init` attribute specifies initialization tasks to be executed
+ * The `ng-init` attribute specifies initialization tasks to be executed
  *  before the template enters execution mode during bootstrap.
  *
  * @element ANY
@@ -14,7 +14,7 @@
  * @example
    <doc:example>
      <doc:source>
-    <div ng:init="greeting='Hello'; person='World'">
+    <div ng-init="greeting='Hello'; person='World'">
       {{greeting}} {{person}}!
     </div>
      </doc:source>
diff --git a/src/directive/ngNonBindable.js b/src/directive/ngNonBindable.js
index b9857afa..e89b0685 100644
--- a/src/directive/ngNonBindable.js
+++ b/src/directive/ngNonBindable.js
@@ -2,28 +2,28 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:non-bindable
+ * @name angular.module.ng.$compileProvider.directive.ng-non-bindable
  *
  * @description
  * Sometimes it is necessary to write code which looks like bindings but which should be left alone
- * by angular. Use `ng:non-bindable` to make angular ignore a chunk of HTML.
+ * by angular. Use `ng-non-bindable` to make angular ignore a chunk of HTML.
  *
- * Note: `ng:non-bindable` looks like a directive, but is actually an attribute widget.
+ * Note: `ng-non-bindable` looks like a directive, but is actually an attribute widget.
  *
  * @element ANY
  *
  * @example
  * In this example there are two location where a simple binding (`{{}}`) is present, but the one
- * wrapped in `ng:non-bindable` is left alone.
+ * wrapped in `ng-non-bindable` is left alone.
  *
  * @example
     <doc:example>
       <doc:source>
         <div>Normal: {{1 + 2}}</div>
-        <div ng:non-bindable>Ignored: {{1 + 2}}</div>
+        <div ng-non-bindable>Ignored: {{1 + 2}}</div>
       </doc:source>
       <doc:scenario>
-       it('should check ng:non-bindable', function() {
+       it('should check ng-non-bindable', function() {
          expect(using('.doc-example-live').binding('1 + 2')).toBe('3');
          expect(using('.doc-example-live').element('div:last').text()).
            toMatch(/1 \+ 2/);
diff --git a/src/directive/ngPluralize.js b/src/directive/ngPluralize.js
index 4a6f4a7e..d462909d 100644
--- a/src/directive/ngPluralize.js
+++ b/src/directive/ngPluralize.js
@@ -2,14 +2,14 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:pluralize
+ * @name angular.module.ng.$compileProvider.directive.ng-pluralize
  * @restrict EA
  *
  * @description
  * # Overview
- * ng:pluralize is a widget that displays messages according to en-US localization rules.
+ * ng-pluralize is a widget that displays messages according to en-US localization rules.
  * These rules are bundled with angular.js and the rules can be overridden
- * (see {@link guide/dev_guide.i18n Angular i18n} dev guide). You configure ng:pluralize by
+ * (see {@link guide/dev_guide.i18n Angular i18n} dev guide). You configure ng-pluralize by
  * specifying the mappings between
  * {@link http://unicode.org/repos/cldr-tmp/trunk/diff/supplemental/language_plural_rules.html
  * plural categories} and the strings to be displayed.
@@ -24,8 +24,8 @@
  * explicit number rule for "3" matches the number 3. You will see the use of plural categories
  * and explicit number rules throughout later parts of this documentation.
  *
- * # Configuring ng:pluralize
- * You configure ng:pluralize by providing 2 attributes: `count` and `when`.
+ * # Configuring ng-pluralize
+ * You configure ng-pluralize by providing 2 attributes: `count` and `when`.
  * You can also provide an optional attribute, `offset`.
  *
  * The value of the `count` attribute can be either a string or an {@link guide/dev_guide.expressions
@@ -35,14 +35,14 @@
  * string to be displayed. The value of the attribute should be a JSON object so that Angular
  * can interpret it correctly.
  *
- * The following example shows how to configure ng:pluralize:
+ * The following example shows how to configure ng-pluralize:
  *
  * <pre>
- * <ng:pluralize count="personCount"
+ * <ng-pluralize count="personCount"
                  when="{'0': 'Nobody is viewing.',
  *                      'one': '1 person is viewing.',
  *                      'other': '{} people are viewing.'}">
- * </ng:pluralize>
+ * </ng-pluralize>
  *</pre>
  *
  * In the example, `"0: Nobody is viewing."` is an explicit number rule. If you did not
@@ -53,10 +53,10 @@
  *
  * You can use a set of closed braces(`{}`) as a placeholder for the number that you want substituted
  * into pluralized strings. In the previous example, Angular will replace `{}` with
- * <span ng:non-bindable>`{{personCount}}`</span>. The closed braces `{}` is a placeholder
- * for <span ng:non-bindable>{{numberExpression}}</span>.
+ * <span ng-non-bindable>`{{personCount}}`</span>. The closed braces `{}` is a placeholder
+ * for <span ng-non-bindable>{{numberExpression}}</span>.
  *
- * # Configuring ng:pluralize with offset
+ * # Configuring ng-pluralize with offset
  * The `offset` attribute allows further customization of pluralized text, which can result in
  * a better user experience. For example, instead of the message "4 people are viewing this document",
  * you might display "John, Kate and 2 others are viewing this document".
@@ -64,13 +64,13 @@
  * Let's take a look at an example:
  *
  * <pre>
- * <ng:pluralize count="personCount" offset=2
+ * <ng-pluralize count="personCount" offset=2
  *               when="{'0': 'Nobody is viewing.',
  *                      '1': '{{person1}} is viewing.',
  *                      '2': '{{person1}} and {{person2}} are viewing.',
  *                      'one': '{{person1}}, {{person2}} and one other person are viewing.',
  *                      'other': '{{person1}}, {{person2}} and {} other people are viewing.'}">
- * </ng:pluralize>
+ * </ng-pluralize>
  * </pre>
  *
  * Notice that we are still using two plural categories(one, other), but we added
@@ -100,10 +100,10 @@
             $scope.personCount = 1;
           }
         </script>
-        <div ng:controller="Ctrl">
-          Person 1:<input type="text" ng:model="person1" value="Igor" /><br/>
-          Person 2:<input type="text" ng:model="person2" value="Misko" /><br/>
-          Number of People:<input type="text" ng:model="personCount" value="1" /><br/>
+        <div ng-controller="Ctrl">
+          Person 1:<input type="text" ng-model="person1" value="Igor" /><br/>
+          Person 2:<input type="text" ng-model="person2" value="Misko" /><br/>
+          Number of People:<input type="text" ng-model="personCount" value="1" /><br/>
 
           <!--- Example with simple pluralization rules for en locale --->
           Without Offset:
diff --git a/src/directive/ngRepeat.js b/src/directive/ngRepeat.js
index 7cab7c40..7e7aef60 100644
--- a/src/directive/ngRepeat.js
+++ b/src/directive/ngRepeat.js
@@ -2,10 +2,10 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:repeat
+ * @name angular.module.ng.$compileProvider.directive.ng-repeat
  *
  * @description
- * The `ng:repeat` widget instantiates a template once per item from a collection. Each template
+ * The `ng-repeat` widget instantiates a template once per item from a collection. Each template
  * instance gets its own scope, where the given loop variable is set to the current collection item,
  * and `$index` is set to the item index or key.
  *
@@ -17,7 +17,7 @@
  *        * `'middle'`
  *        * `'last'`
  *
- * Note: Although `ng:repeat` looks like a directive, it is actually an attribute widget.
+ * Note: Although `ng-repeat` looks like a directive, it is actually an attribute widget.
  *
  * @element ANY
  * @scope
@@ -37,20 +37,20 @@
  *
  * @example
  * This example initializes the scope to a list of names and
- * then uses `ng:repeat` to display every person:
+ * then uses `ng-repeat` to display every person:
     <doc:example>
       <doc:source>
-        <div ng:init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
+        <div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
           I have {{friends.length}} friends. They are:
           <ul>
-            <li ng:repeat="friend in friends">
+            <li ng-repeat="friend in friends">
               [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
             </li>
           </ul>
         </div>
       </doc:source>
       <doc:scenario>
-         it('should check ng:repeat', function() {
+         it('should check ng-repeat', function() {
            var r = using('.doc-example-live').repeater('ul li');
            expect(r.count()).toBe(2);
            expect(r.row(0)).toEqual(["1","John","25"]);
@@ -69,7 +69,7 @@ var ngRepeatDirective = ngDirective({
       var match = expression.match(/^\s*(.+)\s+in\s+(.*)\s*$/),
         lhs, rhs, valueIdent, keyIdent;
       if (! match) {
-        throw Error("Expected ng:repeat in form of '_item_ in _collection_' but got '" +
+        throw Error("Expected ng-repeat in form of '_item_ in _collection_' but got '" +
           expression + "'.");
       }
       lhs = match[1];
diff --git a/src/directive/ngShowHide.js b/src/directive/ngShowHide.js
index 0060ec80..ee3a17d9 100644
--- a/src/directive/ngShowHide.js
+++ b/src/directive/ngShowHide.js
@@ -2,10 +2,10 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:show
+ * @name angular.module.ng.$compileProvider.directive.ng-show
  *
  * @description
- * The `ng:show` and `ng:hide` directives show or hide a portion of the DOM tree (HTML)
+ * The `ng-show` and `ng-hide` directives show or hide a portion of the DOM tree (HTML)
  * conditionally.
  *
  * @element ANY
@@ -15,12 +15,12 @@
  * @example
    <doc:example>
      <doc:source>
-        Click me: <input type="checkbox" ng:model="checked"><br/>
-        Show: <span ng:show="checked">I show up when your checkbox is checked.</span> <br/>
-        Hide: <span ng:hide="checked">I hide when your checkbox is checked.</span>
+        Click me: <input type="checkbox" ng-model="checked"><br/>
+        Show: <span ng-show="checked">I show up when your checkbox is checked.</span> <br/>
+        Hide: <span ng-hide="checked">I hide when your checkbox is checked.</span>
      </doc:source>
      <doc:scenario>
-       it('should check ng:show / ng:hide', function() {
+       it('should check ng-show / ng-hide', function() {
          expect(element('.doc-example-live span:first:hidden').count()).toEqual(1);
          expect(element('.doc-example-live span:last:visible').count()).toEqual(1);
 
@@ -42,10 +42,10 @@ var ngShowDirective = ngDirective(function(scope, element, attr){
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:hide
+ * @name angular.module.ng.$compileProvider.directive.ng-hide
  *
  * @description
- * The `ng:hide` and `ng:show` directives hide or show a portion
+ * The `ng-hide` and `ng-show` directives hide or show a portion
  * of the HTML conditionally.
  *
  * @element ANY
@@ -55,12 +55,12 @@ var ngShowDirective = ngDirective(function(scope, element, attr){
  * @example
    <doc:example>
      <doc:source>
-        Click me: <input type="checkbox" ng:model="checked"><br/>
-        Show: <span ng:show="checked">I show up when you checkbox is checked?</span> <br/>
-        Hide: <span ng:hide="checked">I hide when you checkbox is checked?</span>
+        Click me: <input type="checkbox" ng-model="checked"><br/>
+        Show: <span ng-show="checked">I show up when you checkbox is checked?</span> <br/>
+        Hide: <span ng-hide="checked">I hide when you checkbox is checked?</span>
      </doc:source>
      <doc:scenario>
-       it('should check ng:show / ng:hide', function() {
+       it('should check ng-show / ng-hide', function() {
          expect(element('.doc-example-live span:first:hidden').count()).toEqual(1);
          expect(element('.doc-example-live span:last:visible').count()).toEqual(1);
 
diff --git a/src/directive/ngStyle.js b/src/directive/ngStyle.js
index cd2c1e3c..1dc1ee76 100644
--- a/src/directive/ngStyle.js
+++ b/src/directive/ngStyle.js
@@ -2,10 +2,10 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:style
+ * @name angular.module.ng.$compileProvider.directive.ng-style
  *
  * @description
- * The ng:style allows you to set CSS style on an HTML element conditionally.
+ * The ng-style allows you to set CSS style on an HTML element conditionally.
  *
  * @element ANY
  * @param {expression} expression {@link guide/dev_guide.expressions Expression} which evals to an
@@ -15,14 +15,14 @@
  * @example
    <doc:example>
      <doc:source>
-        <input type="button" value="set" ng:click="myStyle={color:'red'}">
-        <input type="button" value="clear" ng:click="myStyle={}">
+        <input type="button" value="set" ng-click="myStyle={color:'red'}">
+        <input type="button" value="clear" ng-click="myStyle={}">
         <br/>
-        <span ng:style="myStyle">Sample Text</span>
+        <span ng-style="myStyle">Sample Text</span>
         <pre>myStyle={{myStyle}}</pre>
      </doc:source>
      <doc:scenario>
-       it('should check ng:style', function() {
+       it('should check ng-style', function() {
          expect(element('.doc-example-live span').css('color')).toBe('rgb(0, 0, 0)');
          element('.doc-example-live :button[value=set]').click();
          expect(element('.doc-example-live span').css('color')).toBe('rgb(255, 0, 0)');
diff --git a/src/directive/ngSwitch.js b/src/directive/ngSwitch.js
index 0b2475f3..a4f5afad 100644
--- a/src/directive/ngSwitch.js
+++ b/src/directive/ngSwitch.js
@@ -2,26 +2,26 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:switch
+ * @name angular.module.ng.$compileProvider.directive.ng-switch
  * @restrict EA
  *
  * @description
  * Conditionally change the DOM structure.
  *
  * @usageContent
- * <any ng:switch-when="matchValue1">...</any>
- *   <any ng:switch-when="matchValue2">...</any>
+ * <any ng-switch-when="matchValue1">...</any>
+ *   <any ng-switch-when="matchValue2">...</any>
  *   ...
- *   <any ng:switch-default>...</any>
+ *   <any ng-switch-default>...</any>
  *
  * @scope
- * @param {*} on expression to match against <tt>ng:switch-when</tt>.
+ * @param {*} on expression to match against <tt>ng-switch-when</tt>.
  * @paramDescription
  * On child elments add:
  *
- * * `ng:switch-when`: the case statement to match against. If match then this
+ * * `ng-switch-when`: the case statement to match against. If match then this
  *   case will be displayed.
- * * `ng:switch-default`: the default case when no other casses match.
+ * * `ng-switch-default`: the default case when no other casses match.
  *
  * @example
     <doc:example>
@@ -32,29 +32,29 @@
             $scope.selection = $scope.items[0];
           }
         </script>
-        <div ng:controller="Ctrl">
-          <select ng:model="selection" ng:options="item for item in items">
+        <div ng-controller="Ctrl">
+          <select ng-model="selection" ng-options="item for item in items">
           </select>
           <tt>selection={{selection}}</tt>
           <hr/>
-          <ng:switch on="selection" >
-            <div ng:switch-when="settings">Settings Div</div>
-            <span ng:switch-when="home">Home Span</span>
-            <span ng:switch-default>default</span>
-          </ng:switch>
+          <div ng-switch on="selection" >
+            <div ng-switch-when="settings">Settings Div</div>
+            <span ng-switch-when="home">Home Span</span>
+            <span ng-switch-default>default</span>
+          </div>
         </div>
       </doc:source>
       <doc:scenario>
         it('should start in settings', function() {
-         expect(element('.doc-example-live ng\\:switch').text()).toMatch(/Settings Div/);
+         expect(element('.doc-example-live [ng-switch]').text()).toMatch(/Settings Div/);
         });
         it('should change to home', function() {
          select('selection').option('home');
-         expect(element('.doc-example-live ng\\:switch').text()).toMatch(/Home Span/);
+         expect(element('.doc-example-live [ng-switch]').text()).toMatch(/Home Span/);
         });
         it('should select deafault', function() {
          select('selection').option('other');
-         expect(element('.doc-example-live ng\\:switch').text()).toMatch(/default/);
+         expect(element('.doc-example-live [ng-switch]').text()).toMatch(/default/);
         });
       </doc:scenario>
     </doc:example>
diff --git a/src/directive/ngTransclude.js b/src/directive/ngTransclude.js
index 16587f30..ab4011f0 100644
--- a/src/directive/ngTransclude.js
+++ b/src/directive/ngTransclude.js
@@ -2,7 +2,7 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:transclude
+ * @name angular.module.ng.$compileProvider.directive.ng-transclude
  *
  * @description
  * Insert the transcluded DOM here.
@@ -32,9 +32,9 @@
              };
          });
        </script>
-       <div ng:controller="Ctrl">
-         <input ng:model="title"><br>
-         <textarea ng:model="text"></textarea> <br/>
+       <div ng-controller="Ctrl">
+         <input ng-model="title"><br>
+         <textarea ng-model="text"></textarea> <br/>
          <pane title="{{title}}">{{text}}</pane>
        </div>
      </doc:source>
diff --git a/src/directive/ngView.js b/src/directive/ngView.js
index 74528ad9..d5b24bcb 100644
--- a/src/directive/ngView.js
+++ b/src/directive/ngView.js
@@ -2,12 +2,12 @@
 
 /**
  * @ngdoc directive
- * @name angular.module.ng.$compileProvider.directive.ng:view
+ * @name angular.module.ng.$compileProvider.directive.ng-view
  * @restrict ECA
  *
  * @description
  * # Overview
- * `ng:view` is a directive that complements the {@link angular.module.ng.$route $route} service by
+ * `ng-view` is a directive that complements the {@link angular.module.ng.$route $route} service by
  * including the rendered template of the current route into the main layout (`index.html`) file.
  * Every time the current route changes, the included view changes with it according to the
  * configuration of the `$route` service.
@@ -59,7 +59,7 @@
           }
         </script>
 
-        <div ng:controller="MainCntl">
+        <div ng-controller="MainCntl">
           Choose:
           <a href="/Book/Moby">Moby</a> |
           <a href="/Book/Moby/ch/1">Moby: Ch1</a> |
@@ -67,7 +67,7 @@
           <a href="/Book/Gatsby/ch/4?key=value">Gatsby: Ch4</a> |
           <a href="/Book/Scarlet">Scarlet Letter</a><br/>
 
-          <ng:view></ng:view>
+          <div ng-view></div>
           <hr />
 
           <pre>$location.path() = {{$location.path()}}</pre>
@@ -80,13 +80,13 @@
       <doc:scenario>
         it('should load and compile correct template', function() {
           element('a:contains("Moby: Ch1")').click();
-          var content = element('.doc-example-live ng\\:view').text();
+          var content = element('.doc-example-live [ng-view]').text();
           expect(content).toMatch(/controller\: ChapterCntl/);
           expect(content).toMatch(/Book Id\: Moby/);
           expect(content).toMatch(/Chapter Id\: 1/);
 
           element('a:contains("Scarlet")').click();
-          content = element('.doc-example-live ng\\:view').text();
+          content = element('.doc-example-live [ng-view]').text();
           expect(content).toMatch(/controller\: BookCntl/);
           expect(content).toMatch(/Book Id\: Scarlet/);
         });
@@ -97,11 +97,11 @@
 
 /**
  * @ngdoc event
- * @name angular.module.ng.$compileProvider.directive.ng:view#$viewContentLoaded
- * @eventOf angular.module.ng.$compileProvider.directive.ng:view
- * @eventType emit on the current ng:view scope
+ * @name angular.module.ng.$compileProvider.directive.ng-view#$viewContentLoaded
+ * @eventOf angular.module.ng.$compileProvider.directive.ng-view
+ * @eventType emit on the current ng-view scope
  * @description
- * Emitted every time the ng:view content is reloaded.
+ * Emitted every time the ng-view content is reloaded.
  */
 var ngViewDirective = ['$http', '$templateCache', '$route', '$anchorScroll', '$compile',
                        '$controller',
diff --git a/src/directive/script.js b/src/directive/script.js
index f0affaf9..98e6394a 100644
--- a/src/directive/script.js
+++ b/src/directive/script.js
@@ -6,7 +6,7 @@
  *
  * @description
  * Load content of a script tag, with type `text/ng-template`, into `$templateCache`, so that the
- * template can be used by `ng:include`, `ng:view` or directive templates.
+ * template can be used by `ng-include`, `ng-view` or directive templates.
  *
  * @restrict E
  *
@@ -17,7 +17,7 @@
         Content of the template.
       </script>
 
-      <a ng:click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
+      <a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
       <div id="tpl-content" ng-include src="currentTpl"></div>
     </doc:source>
     <doc:scenario>
diff --git a/src/directive/select.js b/src/directive/select.js
index 5ed1367f..627722ba 100644
--- a/src/directive/select.js
+++ b/src/directive/select.js
@@ -7,34 +7,34 @@
  * @description
  * HTML `SELECT` element with angular data-binding.
  *
- * # `ng:options`
+ * # `ng-options`
  *
- * Optionally `ng:options` attribute can be used to dynamically generate a list of `<option>`
+ * Optionally `ng-options` attribute can be used to dynamically generate a list of `<option>`
  * elements for a `<select>` element using an array or an object obtained by evaluating the
- * `ng:options` expression.
+ * `ng-options` expression.
  *˝˝
  * When an item in the select menu is select, the value of array element or object property
- * represented by the selected option will be bound to the model identified by the `ng:model` attribute
+ * represented by the selected option will be bound to the model identified by the `ng-model` attribute
  * of the parent select element.
  *
  * Optionally, a single hard-coded `<option>` element, with the value set to an empty string, can
  * be nested into the `<select>` element. This element will then represent `null` or "not selected"
  * option. See example below for demonstration.
  *
- * Note: `ng:options` provides iterator facility for `<option>` element which must be used instead
- * of {@link angular.module.ng.$compileProvider.directive.ng:repeat ng:repeat}. `ng:repeat` is not suitable for use with
+ * Note: `ng-options` provides iterator facility for `<option>` element which must be used instead
+ * of {@link angular.module.ng.$compileProvider.directive.ng-repeat ng-repeat}. `ng-repeat` is not suitable for use with
  * `<option>` element because of the following reasons:
  *
  *   * value attribute of the option element that we need to bind to requires a string, but the
  *     source of data for the iteration might be in a form of array containing objects instead of
  *     strings
- *   * {@link angular.module.ng.$compileProvider.directive.ng:repeat ng:repeat} unrolls after the select binds causing
+ *   * {@link angular.module.ng.$compileProvider.directive.ng-repeat ng-repeat} unrolls after the select binds causing
  *     incorect rendering on most browsers.
  *   * binding to a value not in list confuses most browsers.
  *
  * @param {string} name assignable expression to data-bind to.
  * @param {string=} required The widget is considered valid only if value is entered.
- * @param {comprehension_expression=} ng:options in one of the following forms:
+ * @param {comprehension_expression=} ng-options in one of the following forms:
  *
  *   * for array data sources:
  *     * `label` **`for`** `value` **`in`** `array`
@@ -76,42 +76,42 @@
           $scope.color = $scope.colors[2]; // red
         }
         </script>
-        <div ng:controller="MyCntrl">
+        <div ng-controller="MyCntrl">
           <ul>
-            <li ng:repeat="color in colors">
-              Name: <input ng:model="color.name">
-              [<a href ng:click="colors.$remove(color)">X</a>]
+            <li ng-repeat="color in colors">
+              Name: <input ng-model="color.name">
+              [<a href ng-click="colors.$remove(color)">X</a>]
             </li>
             <li>
-              [<a href ng:click="colors.push({})">add</a>]
+              [<a href ng-click="colors.push({})">add</a>]
             </li>
           </ul>
           <hr/>
           Color (null not allowed):
-          <select ng:model="color" ng:options="c.name for c in colors"></select><br>
+          <select ng-model="color" ng-options="c.name for c in colors"></select><br>
 
           Color (null allowed):
           <div  class="nullable">
-            <select ng:model="color" ng:options="c.name for c in colors">
+            <select ng-model="color" ng-options="c.name for c in colors">
               <option value="">-- chose color --</option>
             </select>
           </div><br/>
 
           Color grouped by shade:
-          <select ng:model="color" ng:options="c.name group by c.shade for c in colors">
+          <select ng-model="color" ng-options="c.name group by c.shade for c in colors">
           </select><br/>
 
 
-          Select <a href ng:click="color={name:'not in list'}">bogus</a>.<br>
+          Select <a href ng-click="color={name:'not in list'}">bogus</a>.<br>
           <hr/>
           Currently selected: {{ {selected_color:color}  }}
           <div style="border:solid 1px black; height:20px"
-               ng:style="{'background-color':color.name}">
+               ng-style="{'background-color':color.name}">
           </div>
         </div>
       </doc:source>
       <doc:scenario>
-         it('should check ng:options', function() {
+         it('should check ng-options', function() {
            expect(binding('{selected_color:color}')).toMatch('red');
            select('color').option('0');
            expect(binding('{selected_color:color}')).toMatch('black');
@@ -200,7 +200,7 @@ var selectDirective = ['$compile', '$parse', function($compile,   $parse) {
 
         if (! (match = optionsExp.match(NG_OPTIONS_REGEXP))) {
           throw Error(
-            "Expected ng:options in form of '_select_ (as _label_)? for (_key_,)?_value_ in _collection_'" +
+            "Expected ng-options in form of '_select_ (as _label_)? for (_key_,)?_value_ in _collection_'" +
             " but got '" + optionsExp + "'.");
         }
 
diff --git a/src/loader.js b/src/loader.js
index e5c5215a..fdfdaebd 100644
--- a/src/loader.js
+++ b/src/loader.js
@@ -54,7 +54,7 @@ function setupModuleLoader(window) {
      * </pre>
      *
      * However it's more likely that you'll just use
-     * {@link angular.module.ng.$compileProvider.directive.ng:app ng:app} or
+     * {@link angular.module.ng.$compileProvider.directive.ng-app ng-app} or
      * {@link angular.bootstrap} to simplify this process for you.
      *
      * @param {!string} name The name of the module to create or retrieve.
diff --git a/src/service/compiler.js b/src/service/compiler.js
index 42c694ff..5fb9035d 100644
--- a/src/service/compiler.js
+++ b/src/service/compiler.js
@@ -15,7 +15,7 @@
  * instance functions into a single template function which is then returned.
  *
  * The template function can then be used once to produce the view or as it is the case with
- * {@link angular.module.ng.$compileProvider.directive.ng:repeat repeater} many-times, in which
+ * {@link angular.module.ng.$compileProvider.directive.ng-repeat repeater} many-times, in which
  * case each call results in a view that is a DOM clone of the original template.
  *
  <doc:example module="compile">
@@ -55,8 +55,8 @@
       }
     </script>
     <div ng-controller="Ctrl">
-      <input ng:model="name"> <br>
-      <textarea ng:model="html"></textarea> <br>
+      <input ng-model="name"> <br>
+      <textarea ng-model="html"></textarea> <br>
       <div compile="html"></div>
     </div>
    </doc:source>
diff --git a/src/service/filter/filter.js b/src/service/filter/filter.js
index 49960546..9a62b484 100644
--- a/src/service/filter/filter.js
+++ b/src/service/filter/filter.js
@@ -35,27 +35,27 @@
  * @example
    <doc:example>
      <doc:source>
-       <div ng:init="friends = [{name:'John', phone:'555-1276'},
+       <div ng-init="friends = [{name:'John', phone:'555-1276'},
                                 {name:'Mary', phone:'800-BIG-MARY'},
                                 {name:'Mike', phone:'555-4321'},
                                 {name:'Adam', phone:'555-5678'},
                                 {name:'Julie', phone:'555-8765'}]"></div>
 
-       Search: <input ng:model="searchText"/>
+       Search: <input ng-model="searchText"/>
        <table id="searchTextResults">
          <tr><th>Name</th><th>Phone</th><tr>
-         <tr ng:repeat="friend in friends | filter:searchText">
+         <tr ng-repeat="friend in friends | filter:searchText">
            <td>{{friend.name}}</td>
            <td>{{friend.phone}}</td>
          <tr>
        </table>
        <hr>
-       Any: <input ng:model="search.$"/> <br>
-       Name only <input ng:model="search.name"/><br>
-       Phone only <input ng:model="search.phone"/><br>
+       Any: <input ng-model="search.$"/> <br>
+       Name only <input ng-model="search.name"/><br>
+       Phone only <input ng-model="search.phone"/><br>
        <table id="searchObjResults">
          <tr><th>Name</th><th>Phone</th><tr>
-         <tr ng:repeat="friend in friends | filter:search">
+         <tr ng-repeat="friend in friends | filter:search">
            <td>{{friend.name}}</td>
            <td>{{friend.phone}}</td>
          <tr>
diff --git a/src/service/filter/filters.js b/src/service/filter/filters.js
index 58a3a869..2b1fe533 100644
--- a/src/service/filter/filters.js
+++ b/src/service/filter/filters.js
@@ -22,8 +22,8 @@
            $scope.amount = 1234.56;
          }
        </script>
-       <div ng:controller="Ctrl">
-         <input type="number" ng:model="amount"/> <br/>
+       <div ng-controller="Ctrl">
+         <input type="number" ng-model="amount"/> <br/>
          default currency symbol ($): {{amount | currency}}<br/>
          custom currency identifier (USD$): {{amount | currency:"USD$"}}
        </div>
@@ -73,8 +73,8 @@ function currencyFilter($locale) {
            $scope.val = 1234.56789;
          }
        </script>
-       <div ng:controller="Ctrl">
-         Enter number: <input ng:model='val'><br/>
+       <div ng-controller="Ctrl">
+         Enter number: <input ng-model='val'><br/>
          Default formatting: {{val | number}}<br/>
          No fractions: {{val | number:0}}<br/>
          Negative number: {{-val | number:4}}
@@ -296,11 +296,11 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+
  * @example
    <doc:example>
      <doc:source>
-       <span ng:non-bindable>{{1288323623006 | date:'medium'}}</span>:
+       <span ng-non-bindable>{{1288323623006 | date:'medium'}}</span>:
            {{1288323623006 | date:'medium'}}<br/>
-       <span ng:non-bindable>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span>:
+       <span ng-non-bindable>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span>:
           {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}<br/>
-       <span ng:non-bindable>{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}</span>:
+       <span ng-non-bindable>{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}</span>:
           {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}<br/>
      </doc:source>
      <doc:scenario>
@@ -445,8 +445,8 @@ var uppercaseFilter = valueFn(uppercase);
              'and one more: ftp://127.0.0.1/.';
          }
        </script>
-       <div ng:controller="Ctrl">
-       Snippet: <textarea ng:model="snippet" cols="60" rows="3"></textarea>
+       <div ng-controller="Ctrl">
+       Snippet: <textarea ng-model="snippet" cols="60" rows="3"></textarea>
        <table>
          <tr>
            <td>Filter</td>
@@ -456,16 +456,16 @@ var uppercaseFilter = valueFn(uppercase);
          <tr id="linky-filter">
            <td>linky filter</td>
            <td>
-             <pre>&lt;div ng:bind-html="snippet | linky"&gt;<br/>&lt;/div&gt;</pre>
+             <pre>&lt;div ng-bind-html="snippet | linky"&gt;<br/>&lt;/div&gt;</pre>
            </td>
            <td>
-             <div ng:bind-html="snippet | linky"></div>
+             <div ng-bind-html="snippet | linky"></div>
            </td>
          </tr>
          <tr id="escaped-html">
            <td>no filter</td>
-           <td><pre>&lt;div ng:bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
-           <td><div ng:bind="snippet"></div></td>
+           <td><pre>&lt;div ng-bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+           <td><div ng-bind="snippet"></div></td>
          </tr>
        </table>
      </doc:source>
diff --git a/src/service/filter/limitTo.js b/src/service/filter/limitTo.js
index eb97fdad..032a8d61 100644
--- a/src/service/filter/limitTo.js
+++ b/src/service/filter/limitTo.js
@@ -30,14 +30,14 @@
            $scope.limit = 3;
          }
        </script>
-       <div ng:controller="Ctrl">
-         Limit {{numbers}} to: <input type="integer" ng:model="limit"/>
+       <div ng-controller="Ctrl">
+         Limit {{numbers}} to: <input type="integer" ng-model="limit"/>
          <p>Output: {{ numbers | limitTo:limit | json }}</p>
        </div>
      </doc:source>
      <doc:scenario>
        it('should limit the numer array to first three items', function() {
-         expect(element('.doc-example-live input[ng\\:model=limit]').val()).toBe('3');
+         expect(element('.doc-example-live input[ng-model=limit]').val()).toBe('3');
          expect(binding('numbers | limitTo:limit | json')).toEqual('[1,2,3]');
        });
 
diff --git a/src/service/filter/orderBy.js b/src/service/filter/orderBy.js
index e7528a4b..3f4fe395 100644
--- a/src/service/filter/orderBy.js
+++ b/src/service/filter/orderBy.js
@@ -42,18 +42,18 @@
            $scope.predicate = '-age';
          }
        </script>
-       <div ng:controller="Ctrl">
+       <div ng-controller="Ctrl">
          <pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
          <hr/>
-         [ <a href="" ng:click="predicate=''">unsorted</a> ]
+         [ <a href="" ng-click="predicate=''">unsorted</a> ]
          <table class="friend">
            <tr>
-             <th><a href="" ng:click="predicate = 'name'; reverse=false">Name</a>
-                 (<a href ng:click="predicate = '-name'; reverse=false">^</a>)</th>
-             <th><a href="" ng:click="predicate = 'phone'; reverse=!reverse">Phone Number</a></th>
-             <th><a href="" ng:click="predicate = 'age'; reverse=!reverse">Age</a></th>
+             <th><a href="" ng-click="predicate = 'name'; reverse=false">Name</a>
+                 (<a href ng-click="predicate = '-name'; reverse=false">^</a>)</th>
+             <th><a href="" ng-click="predicate = 'phone'; reverse=!reverse">Phone Number</a></th>
+             <th><a href="" ng-click="predicate = 'age'; reverse=!reverse">Age</a></th>
            <tr>
-           <tr ng:repeat="friend in friends | orderBy:predicate:reverse">
+           <tr ng-repeat="friend in friends | orderBy:predicate:reverse">
              <td>{{friend.name}}</td>
              <td>{{friend.phone}}</td>
              <td>{{friend.age}}</td>
diff --git a/src/service/http.js b/src/service/http.js
index afaae2de..5dd87d76 100644
--- a/src/service/http.js
+++ b/src/service/http.js
@@ -420,16 +420,16 @@ function $HttpProvider() {
                 };
               }
             </script>
-            <div ng:controller="FetchCtrl">
-              <select ng:model="method">
+            <div ng-controller="FetchCtrl">
+              <select ng-model="method">
                 <option>GET</option>
                 <option>JSONP</option>
               </select>
-              <input type="text" ng:model="url" size="80"/>
-              <button ng:click="fetch()">fetch</button><br>
-              <button ng:click="updateModel('GET', 'examples/http-hello.html')">Sample GET</button>
-              <button ng:click="updateModel('JSONP', 'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero')">Sample JSONP</button>
-              <button ng:click="updateModel('JSONP', 'http://angularjs.org/doesntexist&callback=JSON_CALLBACK')">Invalid JSONP</button>
+              <input type="text" ng-model="url" size="80"/>
+              <button ng-click="fetch()">fetch</button><br>
+              <button ng-click="updateModel('GET', 'examples/http-hello.html')">Sample GET</button>
+              <button ng-click="updateModel('JSONP', 'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero')">Sample JSONP</button>
+              <button ng-click="updateModel('JSONP', 'http://angularjs.org/doesntexist&callback=JSON_CALLBACK')">Invalid JSONP</button>
               <pre>http status code: {{status}}</pre>
               <pre>http response data: {{data}}</pre>
             </div>
diff --git a/src/service/location.js b/src/service/location.js
index 43e6ce52..a7ff103b 100644
--- a/src/service/location.js
+++ b/src/service/location.js
@@ -501,7 +501,7 @@ function $LocationProvider(){
         }
 
         var href = elm.attr('href');
-        if (!href || isDefined(elm.attr('ng:ext-link')) || elm.attr('target')) return;
+        if (!href || isDefined(elm.attr('ng-ext-link')) || elm.attr('target')) return;
 
         // remove same domain from full url links (IE7 always returns full hrefs)
         href = href.replace(absUrlPrefix, '');
diff --git a/src/service/log.js b/src/service/log.js
index d6566140..76413618 100644
--- a/src/service/log.js
+++ b/src/service/log.js
@@ -20,14 +20,14 @@
              this.message = 'Hello World!';
            }
          </script>
-         <div ng:controller="LogCtrl">
+         <div ng-controller="LogCtrl">
            <p>Reload this page with open console, enter text and hit the log button...</p>
            Message:
-           <input type="text" ng:model="message"/>
-           <button ng:click="$log.log(message)">log</button>
-           <button ng:click="$log.warn(message)">warn</button>
-           <button ng:click="$log.info(message)">info</button>
-           <button ng:click="$log.error(message)">error</button>
+           <input type="text" ng-model="message"/>
+           <button ng-click="$log.log(message)">log</button>
+           <button ng-click="$log.warn(message)">warn</button>
+           <button ng-click="$log.info(message)">info</button>
+           <button ng-click="$log.error(message)">error</button>
          </div>
       </doc:source>
       <doc:scenario>
diff --git a/src/service/resource.js b/src/service/resource.js
index d2b722c2..790d5ed6 100644
--- a/src/service/resource.js
+++ b/src/service/resource.js
@@ -178,18 +178,18 @@
          BuzzController.$inject = ['$resource'];
        </script>
 
-       <div ng:controller="BuzzController">
-         <input ng:model="userId"/>
-         <button ng:click="fetch()">fetch</button>
+       <div ng-controller="BuzzController">
+         <input ng-model="userId"/>
+         <button ng-click="fetch()">fetch</button>
          <hr/>
-         <div ng:repeat="item in activities.data.items">
+         <div ng-repeat="item in activities.data.items">
            <h1 style="font-size: 15px;">
              <img src="{{item.actor.thumbnailUrl}}" style="max-height:30px;max-width:30px;"/>
              <a href="{{item.actor.profileUrl}}">{{item.actor.name}}</a>
-             <a href ng:click="expandReplies(item)" style="float: right;">Expand replies: {{item.links.replies[0].count}}</a>
+             <a href ng-click="expandReplies(item)" style="float: right;">Expand replies: {{item.links.replies[0].count}}</a>
            </h1>
            {{item.object.content | html}}
-           <div ng:repeat="reply in item.replies.data.items" style="margin-left: 20px;">
+           <div ng-repeat="reply in item.replies.data.items" style="margin-left: 20px;">
              <img src="{{reply.actor.thumbnailUrl}}" style="max-height:30px;max-width:30px;"/>
              <a href="{{reply.actor.profileUrl}}">{{reply.actor.name}}</a>: {{reply.content | html}}
            </div>
diff --git a/src/service/route.js b/src/service/route.js
index 3b135e65..3e9cbb41 100644
--- a/src/service/route.js
+++ b/src/service/route.js
@@ -27,8 +27,8 @@ function $RouteProvider(){
    *    - `controller` – `{function()=}` – Controller fn that should be associated with newly
    *      created scope.
    *    - `template` – `{string=}` – path to an html template that should be used by
-   *      {@link angular.module.ng.$compileProvider.directive.ng:view ng:view} or
-   *      {@link angular.module.ng.$compileProvider.directive.ng:include ng:include} widgets.
+   *      {@link angular.module.ng.$compileProvider.directive.ng-view ng-view} or
+   *      {@link angular.module.ng.$compileProvider.directive.ng-include ng-include} widgets.
    *    - `redirectTo` – {(string|function())=} – value to update
    *      {@link angular.module.ng.$location $location} path with and trigger route redirection.
    *
@@ -94,12 +94,12 @@ function $RouteProvider(){
      *
      * You can define routes through {@link angular.module.ng.$routeProvider $routeProvider}'s API.
      *
-     * The `$route` service is typically used in conjunction with {@link angular.module.ng.$compileProvider.directive.ng:view ng:view}
+     * The `$route` service is typically used in conjunction with {@link angular.module.ng.$compileProvider.directive.ng-view ng-view}
      * directive and the {@link angular.module.ng.$routeParams $routeParams} service.
      *
      * @example
        This example shows how changing the URL hash causes the `$route` to match a route against the
-       URL, and the `ng:view` pulls in the partial.
+       URL, and the `ng-view` pulls in the partial.
 
        Note that this example is using {@link angular.module.ng.$compileProvide.directive.script inlined templates}
        to get it working on jsfiddle as well.
@@ -143,7 +143,7 @@ function $RouteProvider(){
             }
           </script>
 
-          <div ng:controller="MainCntl">
+          <div ng-controller="MainCntl">
             Choose:
             <a href="/Book/Moby">Moby</a> |
             <a href="/Book/Moby/ch/1">Moby: Ch1</a> |
@@ -151,7 +151,7 @@ function $RouteProvider(){
             <a href="/Book/Gatsby/ch/4?key=value">Gatsby: Ch4</a> |
             <a href="/Book/Scarlet">Scarlet Letter</a><br/>
 
-            <ng:view></ng:view>
+            <div ng-view></div>
             <hr />
 
             <pre>$location.path() = {{$location.path()}}</pre>
@@ -164,13 +164,13 @@ function $RouteProvider(){
         <doc:scenario>
           it('should load and compile correct template', function() {
             element('a:contains("Moby: Ch1")').click();
-            var content = element('.doc-example-live ng\\:view').text();
+            var content = element('.doc-example-live [ng-view]').text();
             expect(content).toMatch(/controller\: ChapterCntl/);
             expect(content).toMatch(/Book Id\: Moby/);
             expect(content).toMatch(/Chapter Id\: 1/);
 
             element('a:contains("Scarlet")').click();
-            content = element('.doc-example-live ng\\:view').text();
+            content = element('.doc-example-live [ng-view]').text();
             expect(content).toMatch(/controller\: BookCntl/);
             expect(content).toMatch(/Book Id\: Scarlet/);
           });
@@ -228,7 +228,7 @@ function $RouteProvider(){
            * Causes `$route` service to reload the current route even if
            * {@link angular.module.ng.$location $location} hasn't changed.
            *
-           * As a result of that, {@link angular.module.ng.$compileProvider.directive.ng:view ng:view}
+           * As a result of that, {@link angular.module.ng.$compileProvider.directive.ng-view ng-view}
            * creates new scope, reinstantiates the controller.
            */
           reload: function() {
diff --git a/src/service/sanitize.js b/src/service/sanitize.js
index 1446487c..7ca0711a 100644
--- a/src/service/sanitize.js
+++ b/src/service/sanitize.js
@@ -44,8 +44,8 @@
              'snippet</p>';
          }
        </script>
-       <div ng:controller="Ctrl">
-          Snippet: <textarea ng:model="snippet" cols="60" rows="3"></textarea>
+       <div ng-controller="Ctrl">
+          Snippet: <textarea ng-model="snippet" cols="60" rows="3"></textarea>
            <table>
              <tr>
                <td>Filter</td>
@@ -55,21 +55,21 @@
              <tr id="html-filter">
                <td>html filter</td>
                <td>
-                 <pre>&lt;div ng:bind-html="snippet"&gt;<br/>&lt;/div&gt;</pre>
+                 <pre>&lt;div ng-bind-html="snippet"&gt;<br/>&lt;/div&gt;</pre>
                </td>
                <td>
-                 <div ng:bind-html="snippet"></div>
+                 <div ng-bind-html="snippet"></div>
                </td>
              </tr>
              <tr id="escaped-html">
                <td>no filter</td>
-               <td><pre>&lt;div ng:bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
-               <td><div ng:bind="snippet"></div></td>
+               <td><pre>&lt;div ng-bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+               <td><div ng-bind="snippet"></div></td>
              </tr>
              <tr id="html-unsafe-filter">
                <td>unsafe html filter</td>
-               <td><pre>&lt;div ng:bind-html-unsafe="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
-               <td><div ng:bind-html-unsafe="snippet"></div></td>
+               <td><pre>&lt;div ng-bind-html-unsafe="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+               <td><div ng-bind-html-unsafe="snippet"></div></td>
              </tr>
            </table>
          </div>
diff --git a/src/service/scope.js b/src/service/scope.js
index d5646008..24313620 100644
--- a/src/service/scope.js
+++ b/src/service/scope.js
@@ -329,7 +329,7 @@ function $RootScopeProvider(){
        * `'Maximum iteration limit exceeded.'` if the number of iterations exceeds 100.
        *
        * Usually you don't call `$digest()` directly in
-       * {@link angular.module.ng.$compileProvider.directive.ng:controller controllers} or in
+       * {@link angular.module.ng.$compileProvider.directive.ng-controller controllers} or in
        * {@link angular.module.ng.$compileProvider.directive directives}.
        * Instead a call to {@link angular.module.ng.$rootScope.Scope#$apply $apply()} (typically from within a
        * {@link angular.module.ng.$compileProvider.directive directives}) will force a `$digest()`.
@@ -453,7 +453,7 @@ function $RootScopeProvider(){
        * The destructing scope emits an `$destroy` {@link angular.module.ng.$rootScope.Scope#$emit event}.
        *
        * The `$destroy()` is usually used by directives such as
-       * {@link angular.module.ng.$compileProvider.directive.ng:repeat ng:repeat} for managing the unrolling of the loop.
+       * {@link angular.module.ng.$compileProvider.directive.ng-repeat ng-repeat} for managing the unrolling of the loop.
        *
        */
       $destroy: function() {
diff --git a/src/service/window.js b/src/service/window.js
index 7bb3dfca..d7adea03 100644
--- a/src/service/window.js
+++ b/src/service/window.js
@@ -16,8 +16,8 @@
  * @example
    <doc:example>
      <doc:source>
-       <input ng:init="$window = $service('$window'); greeting='Hello World!'" type="text" ng:model="greeting" />
-       <button ng:click="$window.alert(greeting)">ALERT</button>
+       <input ng-init="$window = $service('$window'); greeting='Hello World!'" type="text" ng-model="greeting" />
+       <button ng-click="$window.alert(greeting)">ALERT</button>
      </doc:source>
      <doc:scenario>
      </doc:scenario>