{
  "id": "api/animations/AnimationQueryOptions",
  "title": "AnimationQueryOptions",
  "contents": "\n\n<article>\n  <div class=\"breadcrumb-container\">\n    <div class=\"breadcrumb\">\n      <script type=\"application/ld+json\">\n        {\n          \"@context\": \"http://schema.org\",\n          \"@type\": \"BreadcrumbList\",\n          \"itemListElement\": [\n            { \"@type\": \"ListItem\", \"position\": 1, \"item\": { \"@id\": \"https://angular.io//api\", \"name\": \"API\" } },\n            { \"@type\": \"ListItem\", \"position\": 2, \"item\": { \"@id\": \"https://angular.io/api/animations\", \"name\": \"@angular/animations\" } },\n            { \"@type\": \"ListItem\", \"position\": 3, \"item\": { \"@id\": \"https://angular.io/api/animations/AnimationQueryOptions\", \"name\": \"AnimationQueryOptions\" } }\n          ]\n        }\n      </script>\n        <a href=\"/api\">API</a> > <a href=\"api/animations\">@angular/animations</a>\n    </div>\n    <div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular/edit/master/packages/animations/src/animation_metadata.ts?message=docs(animations)%3A%20describe%20your%20change...#L412-L433\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n  <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/animations/src/animation_metadata.ts#L412-L433\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n  </div>\n  \n  <header class=\"api-header\">\n    <h1 id=\"animationqueryoptions\">AnimationQueryOptions<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/animations/AnimationQueryOptions#animationqueryoptions\"><i class=\"material-icons\">link</i></a></h1>\n    \n    <label class=\"api-type-label interface\">interface</label>\n    \n    \n    \n  </header>\n  \n  <aio-toc class=\"embedded\"></aio-toc>\n\n  <div class=\"api-body\">\n    \n  <section class=\"short-description\">\n    <p>Encapsulates animation query options.\nPassed to the <code><a href=\"api/animations/query\" class=\"code-anchor\">query</a>()</code> function.</p>\n\n    \n  </section>\n  \n  \n  <section class=\"interface-overview\">\n<code-example language=\"ts\" hidecopy=\"true\">\ninterface <a href=\"api/animations/AnimationQueryOptions\" class=\"code-anchor\">AnimationQueryOptions</a> extends <a class=\"code-anchor\" href=\"api/animations/AnimationOptions\">AnimationOptions</a> {\n  <a class=\"code-anchor\" href=\"api/animations/AnimationQueryOptions#optional\"><span class=\"member-name\">optional</span>?: boolean</a>\n  <a class=\"code-anchor\" href=\"api/animations/AnimationQueryOptions#limit\"><span class=\"member-name\">limit</span>?: number</a>\n\n  // inherited from <a class=\"code-anchor\" href=\"api/animations/AnimationOptions\">animations/AnimationOptions</a>\n  <a class=\"code-anchor\" href=\"api/animations/AnimationOptions#delay\"><span class=\"member-name\">delay</span>?: number | string</a>\n  <a class=\"code-anchor\" href=\"api/animations/AnimationOptions#params\"><span class=\"member-name\">params</span>?: {...}</a>\n}\n</code-example>\n\n  \n  \n\n\n  \n  \n\n</section>\n\n  \n\n  \n  \n  \n<section class=\"instance-properties\">\n  <h2 id=\"properties\">Properties<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/animations/AnimationQueryOptions#properties\"><i class=\"material-icons\">link</i></a></h2>\n  <table class=\"is-full-width list-table property-table\">\n    <thead>\n      <tr>\n        <th>Property</th>\n        <th>Description</th>\n      </tr>\n    </thead>\n    <tbody>\n    \n      <tr class=\"instance-property\">\n        <td>\n          <a id=\"optional\"></a>\n          <code class=\"\"><span class=\"member-name\">optional</span>?: boolean</code>\n        </td>\n        <td>\n          \n          <p>True if this query is optional, false if it is required. Default is false.\nA required query throws an error if no elements are retrieved when\nthe query is executed. An optional query does not.</p>\n\n          \n          </td>\n    </tr>\n    \n      <tr class=\"instance-property\">\n        <td>\n          <a id=\"limit\"></a>\n          <code class=\"\"><span class=\"member-name\">limit</span>?: number</code>\n        </td>\n        <td>\n          \n          <p>A maximum total number of results to return from the query.\nIf negative, results are limited from the end of the query list towards the beginning.\nBy default, results are not limited.</p>\n\n          \n          </td>\n    </tr>\n    \n    </tbody>\n  </table>\n</section>\n  \n\n\n  \n\n\n  </div>\n</article>\n\n<!-- links to this doc:\n - api/animations\n - api/animations/AnimationOptions\n - api/animations/AnimationQueryMetadata\n - api/animations/query\n-->\n<!-- links from this doc:\n - /api\n - api/animations\n - api/animations/AnimationOptions\n - api/animations/AnimationOptions#delay\n - api/animations/AnimationOptions#params\n - api/animations/AnimationQueryOptions#animationqueryoptions\n - api/animations/AnimationQueryOptions#limit\n - api/animations/AnimationQueryOptions#optional\n - api/animations/AnimationQueryOptions#properties\n - api/animations/query\n - https://github.com/angular/angular/edit/master/packages/animations/src/animation_metadata.ts?message=docs(animations)%3A%20describe%20your%20change...#L412-L433\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/animations/src/animation_metadata.ts#L412-L433\n-->"
}