angular-gem 1.2.24 → 1.2.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +8 -8
- data/lib/angular-gem/version.rb +1 -1
- data/vendor/assets/javascripts/1.2.25/angular-animate.js +1689 -0
- data/vendor/assets/javascripts/1.2.25/angular-cookies.js +206 -0
- data/vendor/assets/javascripts/1.2.25/angular-loader.js +415 -0
- data/vendor/assets/javascripts/1.2.25/angular-mocks.js +2177 -0
- data/vendor/assets/javascripts/1.2.25/angular-resource.js +627 -0
- data/vendor/assets/javascripts/1.2.25/angular-route.js +924 -0
- data/vendor/assets/javascripts/1.2.25/angular-sanitize.js +647 -0
- data/vendor/assets/javascripts/1.2.25/angular-scenario.js +34024 -0
- data/vendor/assets/javascripts/1.2.25/angular-touch.js +584 -0
- data/vendor/assets/javascripts/1.2.25/angular.js +22024 -0
- data/vendor/assets/javascripts/angular-animate.js +1 -1
- data/vendor/assets/javascripts/angular-cookies.js +1 -1
- data/vendor/assets/javascripts/angular-loader.js +2 -2
- data/vendor/assets/javascripts/angular-mocks.js +1 -1
- data/vendor/assets/javascripts/angular-resource.js +7 -1
- data/vendor/assets/javascripts/angular-route.js +1 -2
- data/vendor/assets/javascripts/angular-sanitize.js +1 -1
- data/vendor/assets/javascripts/angular-scenario.js +37 -25
- data/vendor/assets/javascripts/angular-touch.js +1 -1
- data/vendor/assets/javascripts/angular.js +37 -25
- metadata +12 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license AngularJS v1.2.
|
2
|
+
* @license AngularJS v1.2.25
|
3
3
|
* (c) 2010-2014 Google, Inc. http://angularjs.org
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -69,7 +69,7 @@ function minErr(module) {
|
|
69
69
|
return match;
|
70
70
|
});
|
71
71
|
|
72
|
-
message = message + '\nhttp://errors.angularjs.org/1.2.
|
72
|
+
message = message + '\nhttp://errors.angularjs.org/1.2.25/' +
|
73
73
|
(module ? module + '/' : '') + code;
|
74
74
|
for (i = 2; i < arguments.length; i++) {
|
75
75
|
message = message + (i == 2 ? '?' : '&') + 'p' + (i-2) + '=' +
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license AngularJS v1.2.
|
2
|
+
* @license AngularJS v1.2.25
|
3
3
|
* (c) 2010-2014 Google, Inc. http://angularjs.org
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -129,10 +129,16 @@ function shallowClearAndCopy(src, dst) {
|
|
129
129
|
* `{function(data, headersGetter)|Array.<function(data, headersGetter)>}` –
|
130
130
|
* transform function or an array of such functions. The transform function takes the http
|
131
131
|
* request body and headers and returns its transformed (typically serialized) version.
|
132
|
+
* By default, transformRequest will contain one function that checks if the request data is
|
133
|
+
* an object and serializes to using `angular.toJson`. To prevent this behavior, set
|
134
|
+
* `transformRequest` to an empty array: `transformRequest: []`
|
132
135
|
* - **`transformResponse`** –
|
133
136
|
* `{function(data, headersGetter)|Array.<function(data, headersGetter)>}` –
|
134
137
|
* transform function or an array of such functions. The transform function takes the http
|
135
138
|
* response body and headers and returns its transformed (typically deserialized) version.
|
139
|
+
* By default, transformResponse will contain one function that checks if the response looks like
|
140
|
+
* a JSON string and deserializes it using `angular.fromJson`. To prevent this behavior, set
|
141
|
+
* `transformResponse` to an empty array: `transformResponse: []`
|
136
142
|
* - **`cache`** – `{boolean|Cache}` – If true, a default $http cache will be used to cache the
|
137
143
|
* GET request, otherwise if a cache instance built with
|
138
144
|
* {@link ng.$cacheFactory $cacheFactory}, this cache will be used for
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license AngularJS v1.2.
|
2
|
+
* @license AngularJS v1.2.25
|
3
3
|
* (c) 2010-2014 Google, Inc. http://angularjs.org
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -771,7 +771,6 @@ ngRouteModule.directive('ngView', ngViewFillContentFactory);
|
|
771
771
|
controllerAs: 'chapter'
|
772
772
|
});
|
773
773
|
|
774
|
-
// configure html5 to get links working on jsfiddle
|
775
774
|
$locationProvider.html5Mode(true);
|
776
775
|
}])
|
777
776
|
.controller('MainCtrl', ['$route', '$routeParams', '$location',
|
@@ -9790,7 +9790,7 @@ if ( typeof module === "object" && module && typeof module.exports === "object"
|
|
9790
9790
|
})( window );
|
9791
9791
|
|
9792
9792
|
/**
|
9793
|
-
* @license AngularJS v1.2.
|
9793
|
+
* @license AngularJS v1.2.25
|
9794
9794
|
* (c) 2010-2014 Google, Inc. http://angularjs.org
|
9795
9795
|
* License: MIT
|
9796
9796
|
*/
|
@@ -9860,7 +9860,7 @@ function minErr(module) {
|
|
9860
9860
|
return match;
|
9861
9861
|
});
|
9862
9862
|
|
9863
|
-
message = message + '\nhttp://errors.angularjs.org/1.2.
|
9863
|
+
message = message + '\nhttp://errors.angularjs.org/1.2.25/' +
|
9864
9864
|
(module ? module + '/' : '') + code;
|
9865
9865
|
for (i = 2; i < arguments.length; i++) {
|
9866
9866
|
message = message + (i == 2 ? '?' : '&') + 'p' + (i-2) + '=' +
|
@@ -11779,11 +11779,11 @@ function setupModuleLoader(window) {
|
|
11779
11779
|
* - `codeName` – `{string}` – Code name of the release, such as "jiggling-armfat".
|
11780
11780
|
*/
|
11781
11781
|
var version = {
|
11782
|
-
full: '1.2.
|
11782
|
+
full: '1.2.25', // all of these placeholder strings will be replaced by grunt's
|
11783
11783
|
major: 1, // package task
|
11784
11784
|
minor: 2,
|
11785
|
-
dot:
|
11786
|
-
codeName: '
|
11785
|
+
dot: 25,
|
11786
|
+
codeName: 'hypnotic-gesticulation'
|
11787
11787
|
};
|
11788
11788
|
|
11789
11789
|
|
@@ -28913,14 +28913,13 @@ var forceAsyncEvents = {
|
|
28913
28913
|
};
|
28914
28914
|
forEach(
|
28915
28915
|
'click dblclick mousedown mouseup mouseover mouseout mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste'.split(' '),
|
28916
|
-
function(
|
28917
|
-
var directiveName = directiveNormalize('ng-' +
|
28916
|
+
function(eventName) {
|
28917
|
+
var directiveName = directiveNormalize('ng-' + eventName);
|
28918
28918
|
ngEventDirectives[directiveName] = ['$parse', '$rootScope', function($parse, $rootScope) {
|
28919
28919
|
return {
|
28920
28920
|
compile: function($element, attr) {
|
28921
28921
|
var fn = $parse(attr[directiveName]);
|
28922
28922
|
return function ngEventHandler(scope, element) {
|
28923
|
-
var eventName = lowercase(name);
|
28924
28923
|
element.on(eventName, function(event) {
|
28925
28924
|
var callback = function() {
|
28926
28925
|
fn(scope, {$event:event});
|
@@ -30447,8 +30446,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30447
30446
|
*
|
30448
30447
|
* @description
|
30449
30448
|
* The `ngShow` directive shows or hides the given HTML element based on the expression
|
30450
|
-
* provided to the ngShow attribute. The element is shown or hidden by removing or adding
|
30451
|
-
* the
|
30449
|
+
* provided to the `ngShow` attribute. The element is shown or hidden by removing or adding
|
30450
|
+
* the `.ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined
|
30452
30451
|
* in AngularJS and sets the display style to none (using an !important flag).
|
30453
30452
|
* For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).
|
30454
30453
|
*
|
@@ -30460,8 +30459,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30460
30459
|
* <div ng-show="myValue" class="ng-hide"></div>
|
30461
30460
|
* ```
|
30462
30461
|
*
|
30463
|
-
* When the ngShow expression evaluates to false then the ng-hide CSS class is added to the class attribute
|
30464
|
-
* on the element causing it to become hidden. When true, the ng-hide CSS class is removed
|
30462
|
+
* When the `ngShow` expression evaluates to false then the `.ng-hide` CSS class is added to the class attribute
|
30463
|
+
* on the element causing it to become hidden. When true, the `.ng-hide` CSS class is removed
|
30465
30464
|
* from the element causing the element not to appear hidden.
|
30466
30465
|
*
|
30467
30466
|
* <div class="alert alert-warning">
|
@@ -30471,7 +30470,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30471
30470
|
*
|
30472
30471
|
* ## Why is !important used?
|
30473
30472
|
*
|
30474
|
-
* You may be wondering why !important is used for the
|
30473
|
+
* You may be wondering why !important is used for the `.ng-hide` CSS class. This is because the `.ng-hide` selector
|
30475
30474
|
* can be easily overridden by heavier selectors. For example, something as simple
|
30476
30475
|
* as changing the display style on a HTML list item would make hidden elements appear visible.
|
30477
30476
|
* This also becomes a bigger issue when dealing with CSS frameworks.
|
@@ -30480,7 +30479,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30480
30479
|
* specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the
|
30481
30480
|
* styling to change how to hide an element then it is just a matter of using !important in their own CSS code.
|
30482
30481
|
*
|
30483
|
-
* ### Overriding
|
30482
|
+
* ### Overriding `.ng-hide`
|
30484
30483
|
*
|
30485
30484
|
* By default, the `.ng-hide` class will style the element with `display:none!important`. If you wish to change
|
30486
30485
|
* the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
|
@@ -30498,7 +30497,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30498
30497
|
*
|
30499
30498
|
* By default you don't need to override in CSS anything and the animations will work around the display style.
|
30500
30499
|
*
|
30501
|
-
* ## A note about animations with ngShow
|
30500
|
+
* ## A note about animations with `ngShow`
|
30502
30501
|
*
|
30503
30502
|
* Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression
|
30504
30503
|
* is true and false. This system works like the animation system present with ngClass except that
|
@@ -30523,8 +30522,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
30523
30522
|
* property to block during animation states--ngAnimate will handle the style toggling automatically for you.
|
30524
30523
|
*
|
30525
30524
|
* @animations
|
30526
|
-
* addClass:
|
30527
|
-
* removeClass:
|
30525
|
+
* addClass: `.ng-hide` - happens after the `ngShow` expression evaluates to a truthy value and the just before contents are set to visible
|
30526
|
+
* removeClass: `.ng-hide` - happens after the `ngShow` expression evaluates to a non truthy value and just before the contents are set to hidden
|
30528
30527
|
*
|
30529
30528
|
* @element ANY
|
30530
30529
|
* @param {expression} ngShow If the {@link guide/expression expression} is truthy
|
@@ -30604,7 +30603,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30604
30603
|
*
|
30605
30604
|
* @description
|
30606
30605
|
* The `ngHide` directive shows or hides the given HTML element based on the expression
|
30607
|
-
* provided to the ngHide attribute. The element is shown or hidden by removing or adding
|
30606
|
+
* provided to the `ngHide` attribute. The element is shown or hidden by removing or adding
|
30608
30607
|
* the `ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined
|
30609
30608
|
* in AngularJS and sets the display style to none (using an !important flag).
|
30610
30609
|
* For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).
|
@@ -30617,8 +30616,8 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30617
30616
|
* <div ng-hide="myValue"></div>
|
30618
30617
|
* ```
|
30619
30618
|
*
|
30620
|
-
* When the ngHide expression evaluates to true then the
|
30621
|
-
* on the element causing it to become hidden. When false, the ng-hide CSS class is removed
|
30619
|
+
* When the `.ngHide` expression evaluates to true then the `.ng-hide` CSS class is added to the class attribute
|
30620
|
+
* on the element causing it to become hidden. When false, the `.ng-hide` CSS class is removed
|
30622
30621
|
* from the element causing the element not to appear hidden.
|
30623
30622
|
*
|
30624
30623
|
* <div class="alert alert-warning">
|
@@ -30628,7 +30627,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30628
30627
|
*
|
30629
30628
|
* ## Why is !important used?
|
30630
30629
|
*
|
30631
|
-
* You may be wondering why !important is used for the
|
30630
|
+
* You may be wondering why !important is used for the `.ng-hide` CSS class. This is because the `.ng-hide` selector
|
30632
30631
|
* can be easily overridden by heavier selectors. For example, something as simple
|
30633
30632
|
* as changing the display style on a HTML list item would make hidden elements appear visible.
|
30634
30633
|
* This also becomes a bigger issue when dealing with CSS frameworks.
|
@@ -30637,7 +30636,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30637
30636
|
* specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the
|
30638
30637
|
* styling to change how to hide an element then it is just a matter of using !important in their own CSS code.
|
30639
30638
|
*
|
30640
|
-
* ### Overriding
|
30639
|
+
* ### Overriding `.ng-hide`
|
30641
30640
|
*
|
30642
30641
|
* By default, the `.ng-hide` class will style the element with `display:none!important`. If you wish to change
|
30643
30642
|
* the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
|
@@ -30655,7 +30654,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30655
30654
|
*
|
30656
30655
|
* By default you don't need to override in CSS anything and the animations will work around the display style.
|
30657
30656
|
*
|
30658
|
-
* ## A note about animations with ngHide
|
30657
|
+
* ## A note about animations with `ngHide`
|
30659
30658
|
*
|
30660
30659
|
* Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression
|
30661
30660
|
* is true and false. This system works like the animation system present with ngClass, except that the `.ng-hide`
|
@@ -30679,8 +30678,8 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
30679
30678
|
* property to block during animation states--ngAnimate will handle the style toggling automatically for you.
|
30680
30679
|
*
|
30681
30680
|
* @animations
|
30682
|
-
* removeClass:
|
30683
|
-
* addClass:
|
30681
|
+
* removeClass: `.ng-hide` - happens after the `ngHide` expression evaluates to a truthy value and just before the contents are set to hidden
|
30682
|
+
* addClass: `.ng-hide` - happens after the `ngHide` expression evaluates to a non truthy value and just before the contents are set to visible
|
30684
30683
|
*
|
30685
30684
|
* @element ANY
|
30686
30685
|
* @param {expression} ngHide If the {@link guide/expression expression} is truthy then
|
@@ -31533,6 +31532,19 @@ var selectDirective = ['$compile', '$parse', function($compile, $parse) {
|
|
31533
31532
|
ctrl.$render = render;
|
31534
31533
|
|
31535
31534
|
scope.$watchCollection(valuesFn, render);
|
31535
|
+
scope.$watchCollection(function () {
|
31536
|
+
var locals = {},
|
31537
|
+
values = valuesFn(scope);
|
31538
|
+
if (values) {
|
31539
|
+
var toDisplay = new Array(values.length);
|
31540
|
+
for (var i = 0, ii = values.length; i < ii; i++) {
|
31541
|
+
locals[valueName] = values[i];
|
31542
|
+
toDisplay[i] = displayFn(scope, locals);
|
31543
|
+
}
|
31544
|
+
return toDisplay;
|
31545
|
+
}
|
31546
|
+
}, render);
|
31547
|
+
|
31536
31548
|
if ( multiple ) {
|
31537
31549
|
scope.$watchCollection(function() { return ctrl.$modelValue; }, render);
|
31538
31550
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license AngularJS v1.2.
|
2
|
+
* @license AngularJS v1.2.25
|
3
3
|
* (c) 2010-2014 Google, Inc. http://angularjs.org
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -68,7 +68,7 @@ function minErr(module) {
|
|
68
68
|
return match;
|
69
69
|
});
|
70
70
|
|
71
|
-
message = message + '\nhttp://errors.angularjs.org/1.2.
|
71
|
+
message = message + '\nhttp://errors.angularjs.org/1.2.25/' +
|
72
72
|
(module ? module + '/' : '') + code;
|
73
73
|
for (i = 2; i < arguments.length; i++) {
|
74
74
|
message = message + (i == 2 ? '?' : '&') + 'p' + (i-2) + '=' +
|
@@ -1987,11 +1987,11 @@ function setupModuleLoader(window) {
|
|
1987
1987
|
* - `codeName` – `{string}` – Code name of the release, such as "jiggling-armfat".
|
1988
1988
|
*/
|
1989
1989
|
var version = {
|
1990
|
-
full: '1.2.
|
1990
|
+
full: '1.2.25', // all of these placeholder strings will be replaced by grunt's
|
1991
1991
|
major: 1, // package task
|
1992
1992
|
minor: 2,
|
1993
|
-
dot:
|
1994
|
-
codeName: '
|
1993
|
+
dot: 25,
|
1994
|
+
codeName: 'hypnotic-gesticulation'
|
1995
1995
|
};
|
1996
1996
|
|
1997
1997
|
|
@@ -19121,14 +19121,13 @@ var forceAsyncEvents = {
|
|
19121
19121
|
};
|
19122
19122
|
forEach(
|
19123
19123
|
'click dblclick mousedown mouseup mouseover mouseout mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste'.split(' '),
|
19124
|
-
function(
|
19125
|
-
var directiveName = directiveNormalize('ng-' +
|
19124
|
+
function(eventName) {
|
19125
|
+
var directiveName = directiveNormalize('ng-' + eventName);
|
19126
19126
|
ngEventDirectives[directiveName] = ['$parse', '$rootScope', function($parse, $rootScope) {
|
19127
19127
|
return {
|
19128
19128
|
compile: function($element, attr) {
|
19129
19129
|
var fn = $parse(attr[directiveName]);
|
19130
19130
|
return function ngEventHandler(scope, element) {
|
19131
|
-
var eventName = lowercase(name);
|
19132
19131
|
element.on(eventName, function(event) {
|
19133
19132
|
var callback = function() {
|
19134
19133
|
fn(scope, {$event:event});
|
@@ -20655,8 +20654,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20655
20654
|
*
|
20656
20655
|
* @description
|
20657
20656
|
* The `ngShow` directive shows or hides the given HTML element based on the expression
|
20658
|
-
* provided to the ngShow attribute. The element is shown or hidden by removing or adding
|
20659
|
-
* the
|
20657
|
+
* provided to the `ngShow` attribute. The element is shown or hidden by removing or adding
|
20658
|
+
* the `.ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined
|
20660
20659
|
* in AngularJS and sets the display style to none (using an !important flag).
|
20661
20660
|
* For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).
|
20662
20661
|
*
|
@@ -20668,8 +20667,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20668
20667
|
* <div ng-show="myValue" class="ng-hide"></div>
|
20669
20668
|
* ```
|
20670
20669
|
*
|
20671
|
-
* When the ngShow expression evaluates to false then the ng-hide CSS class is added to the class attribute
|
20672
|
-
* on the element causing it to become hidden. When true, the ng-hide CSS class is removed
|
20670
|
+
* When the `ngShow` expression evaluates to false then the `.ng-hide` CSS class is added to the class attribute
|
20671
|
+
* on the element causing it to become hidden. When true, the `.ng-hide` CSS class is removed
|
20673
20672
|
* from the element causing the element not to appear hidden.
|
20674
20673
|
*
|
20675
20674
|
* <div class="alert alert-warning">
|
@@ -20679,7 +20678,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20679
20678
|
*
|
20680
20679
|
* ## Why is !important used?
|
20681
20680
|
*
|
20682
|
-
* You may be wondering why !important is used for the
|
20681
|
+
* You may be wondering why !important is used for the `.ng-hide` CSS class. This is because the `.ng-hide` selector
|
20683
20682
|
* can be easily overridden by heavier selectors. For example, something as simple
|
20684
20683
|
* as changing the display style on a HTML list item would make hidden elements appear visible.
|
20685
20684
|
* This also becomes a bigger issue when dealing with CSS frameworks.
|
@@ -20688,7 +20687,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20688
20687
|
* specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the
|
20689
20688
|
* styling to change how to hide an element then it is just a matter of using !important in their own CSS code.
|
20690
20689
|
*
|
20691
|
-
* ### Overriding
|
20690
|
+
* ### Overriding `.ng-hide`
|
20692
20691
|
*
|
20693
20692
|
* By default, the `.ng-hide` class will style the element with `display:none!important`. If you wish to change
|
20694
20693
|
* the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
|
@@ -20706,7 +20705,7 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20706
20705
|
*
|
20707
20706
|
* By default you don't need to override in CSS anything and the animations will work around the display style.
|
20708
20707
|
*
|
20709
|
-
* ## A note about animations with ngShow
|
20708
|
+
* ## A note about animations with `ngShow`
|
20710
20709
|
*
|
20711
20710
|
* Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression
|
20712
20711
|
* is true and false. This system works like the animation system present with ngClass except that
|
@@ -20731,8 +20730,8 @@ var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
|
|
20731
20730
|
* property to block during animation states--ngAnimate will handle the style toggling automatically for you.
|
20732
20731
|
*
|
20733
20732
|
* @animations
|
20734
|
-
* addClass:
|
20735
|
-
* removeClass:
|
20733
|
+
* addClass: `.ng-hide` - happens after the `ngShow` expression evaluates to a truthy value and the just before contents are set to visible
|
20734
|
+
* removeClass: `.ng-hide` - happens after the `ngShow` expression evaluates to a non truthy value and just before the contents are set to hidden
|
20736
20735
|
*
|
20737
20736
|
* @element ANY
|
20738
20737
|
* @param {expression} ngShow If the {@link guide/expression expression} is truthy
|
@@ -20812,7 +20811,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20812
20811
|
*
|
20813
20812
|
* @description
|
20814
20813
|
* The `ngHide` directive shows or hides the given HTML element based on the expression
|
20815
|
-
* provided to the ngHide attribute. The element is shown or hidden by removing or adding
|
20814
|
+
* provided to the `ngHide` attribute. The element is shown or hidden by removing or adding
|
20816
20815
|
* the `ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined
|
20817
20816
|
* in AngularJS and sets the display style to none (using an !important flag).
|
20818
20817
|
* For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).
|
@@ -20825,8 +20824,8 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20825
20824
|
* <div ng-hide="myValue"></div>
|
20826
20825
|
* ```
|
20827
20826
|
*
|
20828
|
-
* When the ngHide expression evaluates to true then the
|
20829
|
-
* on the element causing it to become hidden. When false, the ng-hide CSS class is removed
|
20827
|
+
* When the `.ngHide` expression evaluates to true then the `.ng-hide` CSS class is added to the class attribute
|
20828
|
+
* on the element causing it to become hidden. When false, the `.ng-hide` CSS class is removed
|
20830
20829
|
* from the element causing the element not to appear hidden.
|
20831
20830
|
*
|
20832
20831
|
* <div class="alert alert-warning">
|
@@ -20836,7 +20835,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20836
20835
|
*
|
20837
20836
|
* ## Why is !important used?
|
20838
20837
|
*
|
20839
|
-
* You may be wondering why !important is used for the
|
20838
|
+
* You may be wondering why !important is used for the `.ng-hide` CSS class. This is because the `.ng-hide` selector
|
20840
20839
|
* can be easily overridden by heavier selectors. For example, something as simple
|
20841
20840
|
* as changing the display style on a HTML list item would make hidden elements appear visible.
|
20842
20841
|
* This also becomes a bigger issue when dealing with CSS frameworks.
|
@@ -20845,7 +20844,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20845
20844
|
* specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the
|
20846
20845
|
* styling to change how to hide an element then it is just a matter of using !important in their own CSS code.
|
20847
20846
|
*
|
20848
|
-
* ### Overriding
|
20847
|
+
* ### Overriding `.ng-hide`
|
20849
20848
|
*
|
20850
20849
|
* By default, the `.ng-hide` class will style the element with `display:none!important`. If you wish to change
|
20851
20850
|
* the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
|
@@ -20863,7 +20862,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20863
20862
|
*
|
20864
20863
|
* By default you don't need to override in CSS anything and the animations will work around the display style.
|
20865
20864
|
*
|
20866
|
-
* ## A note about animations with ngHide
|
20865
|
+
* ## A note about animations with `ngHide`
|
20867
20866
|
*
|
20868
20867
|
* Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression
|
20869
20868
|
* is true and false. This system works like the animation system present with ngClass, except that the `.ng-hide`
|
@@ -20887,8 +20886,8 @@ var ngShowDirective = ['$animate', function($animate) {
|
|
20887
20886
|
* property to block during animation states--ngAnimate will handle the style toggling automatically for you.
|
20888
20887
|
*
|
20889
20888
|
* @animations
|
20890
|
-
* removeClass:
|
20891
|
-
* addClass:
|
20889
|
+
* removeClass: `.ng-hide` - happens after the `ngHide` expression evaluates to a truthy value and just before the contents are set to hidden
|
20890
|
+
* addClass: `.ng-hide` - happens after the `ngHide` expression evaluates to a non truthy value and just before the contents are set to visible
|
20892
20891
|
*
|
20893
20892
|
* @element ANY
|
20894
20893
|
* @param {expression} ngHide If the {@link guide/expression expression} is truthy then
|
@@ -21741,6 +21740,19 @@ var selectDirective = ['$compile', '$parse', function($compile, $parse) {
|
|
21741
21740
|
ctrl.$render = render;
|
21742
21741
|
|
21743
21742
|
scope.$watchCollection(valuesFn, render);
|
21743
|
+
scope.$watchCollection(function () {
|
21744
|
+
var locals = {},
|
21745
|
+
values = valuesFn(scope);
|
21746
|
+
if (values) {
|
21747
|
+
var toDisplay = new Array(values.length);
|
21748
|
+
for (var i = 0, ii = values.length; i < ii; i++) {
|
21749
|
+
locals[valueName] = values[i];
|
21750
|
+
toDisplay[i] = displayFn(scope, locals);
|
21751
|
+
}
|
21752
|
+
return toDisplay;
|
21753
|
+
}
|
21754
|
+
}, render);
|
21755
|
+
|
21744
21756
|
if ( multiple ) {
|
21745
21757
|
scope.$watchCollection(function() { return ctrl.$modelValue; }, render);
|
21746
21758
|
}
|