Store Options
You can provide an NgxsModuleOptions
object as the second argument of your NgxsModule.forRoot
call. The following options are available:
developmentMode
- Setting this totrue
will add additional debugging features that are useful for development time. This includes freezing your state and actions to guarantee immutability. (Default value isfalse
). It makes sense to use it only during development to ensure there're no state mutations. When building for production, theObject.freeze
will be tree-shaken away.selectorOptions
- A nested options object for providing a global options setting to be used for selectors. This can be overridden at the class or specific selector method level using theSelectorOptions
decorator. The following options are available:suppressErrors
- Setting this totrue
will cause any error within a selector to result in the selector returningundefined
. Setting this tofalse
results in these errors propagating through the stack that triggered the evaluation of the selector that caused the error. (Default value isfalse
).injectContainerState
(TO BE DEPRECATED) - Setting this totrue
will inject the container state model as the first parameter of a selector method (defined within a state class) that joins to other selectors for its parameters. Note: This property should not be explicitly set by anyone using versions of NGXS after v3; it only exists for migrating codebases from v3 to versions after v3. See the deprecation notice for further details.
compatibility
- A nested options object that allows for the following compatibility options:strictContentSecurityPolicy
- Set this totrue
in order to enable support for pages where a Strict Content Security Policy has been enabled. This setting circumvent some optimisations that violate a strict CSP through the use ofnew Function(...)
. (Default value isfalse
)
ngxs.config.ts
:
⚠️ If your project lacks environment files, you can generate them using the
ng generate environments
command.
import { NgxsModuleOptions } from '@ngxs/store';
import { environment } from '../environments/environment';
export const ngxsConfig: NgxsModuleOptions = {
developmentMode: !environment.production,
selectorOptions: {
suppressErrors: false
},
compatibility: {
strictContentSecurityPolicy: true
}
};
app.config.ts
:
import { provideStore } from '@ngxs/store';
import { ngxsConfig } from './ngxs.config';
export const appConfig: ApplicationConfig = {
providers: [provideStore(states, ngxsConfig)]
};
Last updated