| Index: third_party/pkg/angular/example/web/animation/visibility_demo.dart
|
| diff --git a/third_party/pkg/angular/example/web/animation/visibility_demo.dart b/third_party/pkg/angular/example/web/animation/visibility_demo.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5dee51f2a9f40047e59f5376ecd39425b67cdaa6
|
| --- /dev/null
|
| +++ b/third_party/pkg/angular/example/web/animation/visibility_demo.dart
|
| @@ -0,0 +1,23 @@
|
| +part of animation;
|
| +
|
| +@Component(
|
| + selector: 'visibility-demo',
|
| + template: '''
|
| + <div class="visibility-demo">
|
| + <button ng-click="ctrl.visible = !ctrl.visible">Toggle Visibility</button>
|
| + <div class="visible-if" ng-if="ctrl.visible">
|
| + <p>Hello World. ng-if will create and destroy
|
| + dom elements each time you toggle me.</p>
|
| + </div>
|
| + <div class="visible-hide" ng-hide="ctrl.visible">
|
| + <p>Hello World. ng-hide will add and remove
|
| + the .ng-hide class from me to show and
|
| + hide this view of text.</p>
|
| + </div>
|
| + </div>
|
| + ''',
|
| + publishAs: 'ctrl',
|
| + applyAuthorStyles: true)
|
| +class VisibilityDemo {
|
| + bool visible = false;
|
| +}
|
|
|