Use the following order of groups to organize Angular components:
- Injected dependencies.
- Private properties.
- Data binding properties.
- View and content properties.
- UI properties.
- Component API properties.
- Constructor.
- Lifecycle hooks.
| # Check these threads before proceeding: | |
| # https://github.com/microsoft/WSL/discussions/5857 | |
| # https://github.com/microsoft/WSL/issues/5821 | |
| if (-Not ([Security.Principal.WindowsPrincipal] [Security.Principal.WindowsIdentity]::GetCurrent()).IsInRole([Security.Principal.WindowsBuiltInRole] 'Administrator')) { | |
| $CmdLine = "-File `"" + $MyInvocation.MyCommand.Path + "`" " + $MyInvocation.UnboundArguments | |
| Start-Process -FilePath PowerShell.exe -Verb Runas -ArgumentList $CmdLine | |
| Exit | |
| } | |
| # Restart the Host Network Service | |
| Restart-Service -Force -Name hns |
| #Requires -Version 6.0 | |
| Param( | |
| [string] [Parameter(Mandatory=$true)] $ResourceGroupLocation, | |
| [string] $ResourceGroupName = 'AppServiceAndSql', | |
| [switch] $UploadArtifacts, | |
| [string] $StorageAccountName, | |
| [string] $StorageContainerName = $ResourceGroupName.ToLowerInvariant() + '-stageartifacts', | |
| [string] $TemplateFile = 'WebSiteSQLDatabase.json', | |
| [string] $TemplateParametersFile = 'WebSiteSQLDatabase.parameters.json', |
| Angular CLI version | Angular version | Node.js version | TypeScript version | RxJS version | |
|---|---|---|---|---|---|
| ~16.0.0 | ~16.0.0 | ^16.13.0 || ^18.10.0 | >=4.9.5 <5.1.0 | ^6.5.5 || ^7.4.0 | |
| ~15.2.0 | ~15.2.0 | ^14.20.0 || ^16.13.0 || ^18.10.0 | >=4.8.4 <5.0.0 | ^6.5.5 || ^7.4.0 | |
| ~15.1.0 | ~15.1.0 | ^14.20.0 || ^16.13.0 || ^18.10.0 | >=4.8.4 <5.0.0 | ^6.5.5 || ^7.4.0 | |
| ~15.0.5 | ~15.0.4 | ^14.20.0 || ^16.13.0 || ^18.10.0 | ~4.8.4 | ^6.5.5 || ^7.4.0 | |
| ~14.3.0 | ~14.3.0 | ^14.15.0 || ^16.10.0 | >=4.6.4 <4.9.0 | ^6.5.5 || ^7.4.0 | |
| ~14.2.0 | ~14.2.0 | ^14.15.0 || ^16.10.0 | >=4.6.4 <4.9.0 | ^6.5.5 || ^7.4.0 | |
| ~14.1.3 | ~14.1.3 | ^14.15.0 || ^16.10.0 | >=4.6.4 <4.8.0 | ^6.5.5 || ^7.4.0 | |
| ~14.0.7 | ~14.0.7 | ^14.15.0 || ^16.10.0 | >=4.6.4 <4.8.0 | ^6.5.5 || ^7.4.0 | |
| ~13.3.0 | ~13.3.0 | ^12.20.2 || ^14.15.0 || ^16.10.0 | >=4.4.4 <4.7.0 | ^6.5.5 || ^7.4.0 |
| /* Using this directive is as easy as 1, 2, 3. | |
| 1. Grab the Tableau API JavaScript library as well as this module. | |
| a. <script src="path/to/tableau-2.0.0.min.js"></script> | |
| b. <script src="path/to/angular-tableau.js"></script> | |
| 2. Import the module into your app by adding 'angular-tableau' to your dependencies. | |
| 3. Use the directive like this: | |
| <tableau-viz height="'500px'" | |
| url="path/to/tableau-dashboard" | |
| filters={'field1':['item1', 'item2'], 'dateField':{'min':startDate, 'max':endDate}}"> | |
| </tableau-viz> |
| /* Using this directive is as easy as 1, 2, 3. | |
| 1. Grab the Tableau API JavaScript library as well as this module. | |
| a. <script src="path/to/tableau-2.0.0.min.js"></script> | |
| b. <script src="path/to/angular-tableau.js"></script> | |
| 2. Import the module into your app by adding 'angular-tableau' to your dependencies. | |
| 3. Use the directive like this: | |
| <tableau-viz height="'500px'" | |
| url="path/to/tableau-dashboard" | |
| filters={'field1':['item1', 'item2'], 'dateField':{'min':startDate, 'max':endDate}}"> | |
| </tableau-viz> |