v20-en.angular.cn/chunk-CD7UW4BS.js at main · ng-docs/v20-en.angular.cn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import {
  ExampleProgressbarComponent
} from "./chunk-4D2BACS2.js";
import {
  Component,
  __name,
  __publicField,
  setClassMetadata,
  ɵsetClassDebugInfo,
  ɵɵadvance,
  ɵɵdefineComponent,
  ɵɵelement,
  ɵɵelementEnd,
  ɵɵelementStart,
  ɵɵlistener,
  ɵɵproperty,
  ɵɵtext
} from "./chunk-2CX5BJWG.js";

// src/content/examples/accessibility/src/app/app.component.ts
var _AppComponent = class _AppComponent {
  progress = 0;
  setProgress($event) {
    this.progress = +$event.target.value;
  }
};
__name(_AppComponent, "AppComponent");
__publicField(_AppComponent, "\u0275fac", /* @__PURE__ */ __name(function AppComponent_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _AppComponent)();
}, "AppComponent_Factory"));
__publicField(_AppComponent, "\u0275cmp", /* @__PURE__ */ \u0275\u0275defineComponent({ type: _AppComponent, selectors: [["app-root"]], decls: 6, vars: 2, consts: [["for", "progress-value"], ["id", "progress-value", "type", "number", "min", "0", "max", "100", 3, "input", "value"], ["aria-label", "\u8FDB\u5EA6\u6761\u8303\u4F8B", 3, "value"]], template: /* @__PURE__ */ __name(function AppComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h1");
    \u0275\u0275text(1, "Accessibility Example");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "label", 0);
    \u0275\u0275text(3, " Enter an example progress value ");
    \u0275\u0275elementStart(4, "input", 1);
    \u0275\u0275listener("input", /* @__PURE__ */ __name(function AppComponent_Template_input_input_4_listener($event) {
      return ctx.setProgress($event);
    }, "AppComponent_Template_input_input_4_listener"));
    \u0275\u0275elementEnd()();
    \u0275\u0275element(5, "app-example-progressbar", 2);
  }
  if (rf & 2) {
    \u0275\u0275advance(4);
    \u0275\u0275property("value", ctx.progress);
    \u0275\u0275advance();
    \u0275\u0275property("value", ctx.progress);
  }
}, "AppComponent_Template"), dependencies: [ExampleProgressbarComponent], encapsulation: 2 }));
var AppComponent = _AppComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AppComponent, [{
    type: Component,
    args: [{ selector: "app-root", imports: [ExampleProgressbarComponent], template: '<h1>Accessibility Example</h1>\n<!-- #docregion template -->\n<label for="progress-value">\n  Enter an example progress value\n  <input id="progress-value" type="number" min="0" max="100"\n      [value]="progress" (input)="setProgress($event)">\n</label>\n\n<!-- The user of the progressbar sets an aria-label to communicate what the progress means. -->\n<app-example-progressbar [value]="progress" aria-label="\u8FDB\u5EA6\u6761\u8303\u4F8B">\n</app-example-progressbar>\n<!-- #enddocregion template -->\n\n' }]
  }], null, null);
})();
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "src/content/examples/accessibility/src/app/app.component.ts", lineNumber: 10 });
})();
export {
  AppComponent
};
//# sourceMappingURL=chunk-CD7UW4BS.js.map