@angular-wave/angular.ts 0.0.7 → 0.0.9

package/src/core/compile.md

@@ -121,7 +121,7 @@
 -
 - ### Life-cycle hooks
 - Directive controllers can provide the following methods that are called by AngularJS at points in the life-cycle of the
-- directive:
+- directive.The following hooks can be defined on the controller prototype or added to the controller inside its constructor:
 - - `$onInit()` - Called on each controller after all the controllers on an element have been constructed and
 - had their bindings initialized (and before the pre & post linking functions for the directives on
 - this element). This is a good place to put initialization code for your controller.
@@ -136,6 +136,8 @@
 - could be useful if you wish to perform a deep equality check, or to check a Date object, changes to which would not
 - be detected by AngularJS's change detector and thus not trigger `$onChanges`. This hook is invoked with no arguments;
 - if detecting changes, you must store the previous value(s) for comparison to the current values.
+- Changes to the model inside `$doCheck` will trigger new turns of the digest loop, which will cause the changes to be
+- propagated throughout the application.
 - - `$onDestroy()` - Called on a controller when its containing scope is destroyed. Use this hook for releasing
 - external resources, watches and event handlers. Note that components have their `$onDestroy()` hooks called in
 - the same order as the `$scope.$broadcast` events are triggered, which is top down. This means that parent
@@ -145,21 +147,7 @@
 - Note that child elements that contain `templateUrl` directives will not have been compiled and linked since
 - they are waiting for their template to load asynchronously and their own compilation and linking has been
 - suspended until that occurs.
--
-- #### Comparison with life-cycle hooks in the new Angular
-- The new Angular also uses life-cycle hooks for its components. While the AngularJS life-cycle hooks are similar there are
-- some differences that you should be aware of, especially when it comes to moving your code from AngularJS to Angular:
--
-- - AngularJS hooks are prefixed with `$`, such as `$onInit`. Angular hooks are prefixed with `ng`, such as `ngOnInit`.
-- - AngularJS hooks can be defined on the controller prototype or added to the controller inside its constructor.
-- In Angular you can only define hooks on the prototype of the Component class.
-- - Due to the differences in change-detection, you may get many more calls to `$doCheck` in AngularJS than you would to
-- `ngDoCheck` in Angular.
-- - Changes to the model inside `$doCheck` will trigger new turns of the digest loop, which will cause the changes to be
-- propagated throughout the application.
-- Angular does not allow the `ngDoCheck` hook to trigger a change outside of the component. It will either throw an
-- error or do nothing depending upon the state of `enableProdMode()`.
--
+
 - #### Life-cycle hook examples
 -
 - This example shows how you can check for mutations to a Date object even though the identity of the object
@@ -1016,6 +1004,7 @@
 - Result: <span ng-class="{'something': something} {'else': else}" ng-show="!condition otherCondition"></span>
 - ```
 
+  ``
   ```
 
 -
@@ -1190,3 +1179,49 @@
 - `myEvent` must be written as `ng-on-my_event="expression"`.
 -
 - \*/
+
+/\*\*
+
+- @ngdoc type
+- @name $compile.directive.Attributes
+-
+- @description
+- A shared object between directive compile / linking functions which contains normalized DOM
+- element attributes. The values reflect current binding state `{{ }}`. The normalization is
+- needed since all of these are treated as equivalent in AngularJS:
+-
+- ```
+
+  ```
+
+- <span ng:bind="a" ng-bind="a" data-ng-bind="a" x-ng-bind="a">
+- ```
+  */
+  ```
+
+/\*\*
+
+- @ngdoc property
+- @name $compile.directive.Attributes#$attr
+-
+- @description
+- A map of DOM element attribute names to the normalized name. This is
+- needed to do reverse lookup from normalized name back to actual name.
+  \*/
+
+/\*\*
+
+- @ngdoc method
+- @name $compile.directive.Attributes#$set
+- @kind function
+-
+- @description
+- Set DOM element attribute value.
+-
+-
+- @param {string} str1 Normalized element attribute name of the property to modify. The name is
+-          reverse-translated using the {@link ng.$compile.directive.Attributes#$attr $attr}
+-          property to the original name.
+- @param {string} str2 Value to set the attribute to. The value can be an interpolated string.
+- @returns {string}
+  \*/

package/src/core/filter.md

@@ -18,6 +18,7 @@
 - ```js
 
   ```
+
 - // Filter registration
 - function MyModule($provide, $filterProvider) {
 -     // create a service to demonstrate injection (not always needed)
@@ -39,6 +40,7 @@
 - ```
 
   ```
+
 -
 - The filter function is registered with the `$injector` under the filter name suffix with
 - `Filter`.
@@ -46,6 +48,7 @@
 - ```js
 
   ```
+
 - it('should be the same instance', inject(
 -     function($filterProvider) {
 -       $filterProvider.register('reverse', function(){
@@ -58,6 +61,7 @@
 - ```
 
   ```
+
 -
 -
 - For more information about how AngularJS filters work, and how to create your own filters, see
@@ -81,31 +85,33 @@
 - ```html
 
   ```
+
 - {{ expression [| filter_name[:parameter_value] ... ] }}
 - ```
 
   ```
+
 -
 - @param {String} name Name of the filter function to retrieve
 - @return {Function} the filter function
 - @example
-<example name="$filter" module="filterExample">
-<file name="index.html">
-<div ng-controller="MainCtrl">
-<h3>{{ originalText }}</h3>
-<h3>{{ filteredText }}</h3>
-</div>
-</file>
-
-   <file name="script.js">
-    angular.module('filterExample', [])
-    .controller('MainCtrl', function($scope, $filter) {
-      $scope.originalText = 'hello';
-      $scope.filteredText = $filter('uppercase')($scope.originalText);
-    });
-   </file>
- </example>
-*/
+  <example name="$filter" module="filterExample">
+  <file name="index.html">
+  <div ng-controller="MainCtrl">
+  <h3>{{ originalText }}</h3>
+  <h3>{{ filteredText }}</h3>
+  </div>
+  </file>
+
+     <file name="script.js">
+      angular.module('filterExample', [])
+      .controller('MainCtrl', function($scope, $filter) {
+        $scope.originalText = 'hello';
+        $scope.filteredText = $filter('uppercase')($scope.originalText);
+      });
+     </file>
+   </example>
+  */
 
 /\*\*
 

package/src/core/interval.md

@@ -38,58 +38,59 @@ _ <file name="index.html">
 _ <script>
 _ angular.module('intervalExample', [])
 _ .controller('ExampleController', ['$scope', '$interval',
-* function($scope, $interval) {
-* $scope.format = 'M/d/yy h:mm:ss a';
-* $scope.blood_1 = 100;
-* $scope.blood_2 = 120;
-*
-* let stop;
-* $scope.fight = function() {
-* // Don't start a new fight if we are already fighting
-* if ( angular.isDefined(stop) ) return;
-*
-* stop = $interval(function() {
-* if ($scope.blood_1 > 0 && $scope.blood_2 > 0) {
-* $scope.blood_1 = $scope.blood_1 - 3;
-* $scope.blood_2 = $scope.blood_2 - 4;
-* } else {
-* $scope.stopFight();
-* }
-* }, 100);
-* };
-*
-* $scope.stopFight = function() {
-* if (angular.isDefined(stop)) {
-* $interval.cancel(stop);
-* stop = undefined;
-* }
-* };
-*
-* $scope.resetFight = function() {
-* $scope.blood_1 = 100;
-* $scope.blood_2 = 120;
-* };
-*
-* $scope.$on('$destroy', function() {
-* // Make sure that the interval is destroyed too
-* $scope.stopFight();
-* });
-* }])
-_ // Register the 'myCurrentTime' directive factory method.
-_ // We inject $interval and dateFilter service since the factory method is DI.
+
+- function($scope, $interval) {
+- $scope.format = 'M/d/yy h:mm:ss a';
+- $scope.blood_1 = 100;
+- $scope.blood_2 = 120;
+-
+- let stop;
+- $scope.fight = function() {
+- // Don't start a new fight if we are already fighting
+- if ( angular.isDefined(stop) ) return;
+-
+- stop = $interval(function() {
+- if ($scope.blood_1 > 0 && $scope.blood_2 > 0) {
+- $scope.blood_1 = $scope.blood_1 - 3;
+- $scope.blood_2 = $scope.blood_2 - 4;
+- } else {
+- $scope.stopFight();
+- }
+- }, 100);
+- };
+-
+- $scope.stopFight = function() {
+- if (angular.isDefined(stop)) {
+- $interval.cancel(stop);
+- stop = undefined;
+- }
+- };
+-
+- $scope.resetFight = function() {
+- $scope.blood_1 = 100;
+- $scope.blood_2 = 120;
+- };
+-
+- $scope.$on('$destroy', function() {
+- // Make sure that the interval is destroyed too
+- $scope.stopFight();
+- });
+- }])
+  _ // Register the 'myCurrentTime' directive factory method.
+  _ // We inject $interval and dateFilter service since the factory method is DI.
        *       .directive('myCurrentTime', ['$interval', 'dateFilter',
-_ function($interval, dateFilter) {
-_ // return the directive link function. (compile function not needed)
-_ return function(scope, element, attrs) {
-_ let format, // date format
-_ stopTime; // so that we can cancel the time updates
-_
-_ // used to update the UI
-_ function updateTime() {
-_ element.text(dateFilter(new Date(), format));
-_ } \*
-_ // watch the expression, and update the UI on change.
-_ scope.$watch(attrs.myCurrentTime, function(value) {
+  _ function($interval, dateFilter) {
+  _ // return the directive link function. (compile function not needed)
+  _ return function(scope, element, attrs) {
+  _ let format, // date format
+  _ stopTime; // so that we can cancel the time updates
+  _
+  _ // used to update the UI
+  _ function updateTime() {
+  _ element.text(dateFilter(new Date(), format));
+  _ } \*
+  _ // watch the expression, and update the UI on change.
+  _ scope.$watch(attrs.myCurrentTime, function(value) {
        *               format = value;
        *               updateTime();
        *             });
@@ -99,24 +100,24 @@ _ scope.$watch(attrs.myCurrentTime, function(value) {
        *             // listen on DOM destroy (removal) event, and cancel the next UI update
        *             // to prevent updating time after the DOM element was removed.
        *             element.on('$destroy', function() {
-_ $interval.cancel(stopTime);
-_ });
-_ }
-_ }]);
-_ </script>
-_
-_ <div>
-_ <div ng-controller="ExampleController">
-_ <label>Date format: <input ng-model="format"></label> <hr/>
-_ Current time is: <span my-current-time="format"></span>
-_ <hr/>
-_ Blood 1 : <font color='red'>{{blood_1}}</font>
-_ Blood 2 : <font color='red'>{{blood_2}}</font>
-_ <button type="button" data-ng-click="fight()">Fight</button>
-_ <button type="button" data-ng-click="stopFight()">StopFight</button>
-_ <button type="button" data-ng-click="resetFight()">resetFight</button>
-_ </div>
-_ </div> \*
-_ </file>
-_ </example>
-\*/
+  _ $interval.cancel(stopTime);
+  _ });
+  _ }
+  _ }]);
+  _ </script>
+  _
+  _ <div>
+  _ <div ng-controller="ExampleController">
+  _ <label>Date format: <input ng-model="format"></label> <hr/>
+  _ Current time is: <span my-current-time="format"></span>
+  _ <hr/>
+  _ Blood 1 : <font color='red'>{{blood_1}}</font>
+  _ Blood 2 : <font color='red'>{{blood_2}}</font>
+  _ <button type="button" data-ng-click="fight()">Fight</button>
+  _ <button type="button" data-ng-click="stopFight()">StopFight</button>
+  _ <button type="button" data-ng-click="resetFight()">resetFight</button>
+  _ </div>
+  _ </div> \*
+  _ </file>
+  _ </example>
+  \*/

package/src/core/sce.js

@@ -5,7 +5,6 @@ import {
 } from "./urlUtils";
 import {
   forEach,
-  isDefined,
   isFunction,
   isRegExp,
   isString,
@@ -88,16 +87,6 @@ export function adjustMatcher(matcher) {
   );
 }
 
-function adjustMatchers(matchers) {
-  const adjustedMatchers = [];
-  if (isDefined(matchers)) {
-    forEach(matchers, (matcher) => {
-      adjustedMatchers.push(adjustMatcher(matcher));
-    });
-  }
-  return adjustedMatchers;
-}
-
 /**
  * @ngdoc service
  * @name $sceDelegate
@@ -222,7 +211,7 @@ export function $SceDelegateProvider() {
    */
   this.trustedResourceUrlList = function (value) {
     if (arguments.length) {
-      trustedResourceUrlList = adjustMatchers(value);
+      trustedResourceUrlList = value.map((v) => adjustMatcher(v));
     }
     return trustedResourceUrlList;
   };
@@ -254,7 +243,7 @@ export function $SceDelegateProvider() {
    */
   this.bannedResourceUrlList = function (value) {
     if (arguments.length) {
-      bannedResourceUrlList = adjustMatchers(value);
+      bannedResourceUrlList = value.map((v) => adjustMatcher(v));
     }
     return bannedResourceUrlList;
   };

package/src/directive/if.js

@@ -80,8 +80,7 @@ import { getBlockNodes } from "../jqLite";
  */
 export const ngIfDirective = [
   "$animate",
-  "$compile",
-  ($animate, $compile) => ({
+  ($animate) => ({
     multiElement: true,
     transclude: "element",
     priority: 600,
@@ -97,11 +96,7 @@ export const ngIfDirective = [
           if (!childScope) {
             $transclude((clone, newScope) => {
               childScope = newScope;
-              // eslint-disable-next-line no-plusplus, no-param-reassign
-              clone[clone.length++] = $compile.$$createComment(
-                "end ngIf",
-                $attr.ngIf,
-              );
+              clone[clone.length++] = document.createComment("");
               // Note: We only need the first/last node of the cloned nodes.
               // However, we need to keep the reference to the jqlite wrapper as it might be changed later
               // by a directive with templateUrl when its template arrives.