angular-compiler

问题 I have an angular 9 project which is part of an application suite installer [Wix installer]. One of the settings used by the angular app is the address of API which it fetches its data from some configurable address. I know that I can have many angular environment files and simply use commands such as the followings: environment.env1.ts export const environment = { production: true, apiAddress: "http://apiAddress1/api/", }; ng build --prod --configuration=env1 or environment.env2.ts export

问题 Buidling the application after having upgraded dependcies to Angular 9 (and having performed necessary code changes) throws an error: Compiling @angular/animations : es2015 as esm2015 Compiling @angular/animations : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015 Error : Error on worker #5: TypeError: Cannot read property 'fileName' of null It then goes on to throw the below error: Compiling

问题 I'm creating Angular code at runtime, in particular, I use a SVG library in order to create a vector graphic that contains Angular code directives like (click)='myMethod()' , which, in turn, call methods I've statically defined in the SVG-enclosing component. Being generated at runtime I need to compile the created template and add it to a component. I implemented such code back then with Angular 3 with the help of this post which was quite cumbersome. I tried to the copy the old code in an

问题 I'm creating Angular code at runtime, in particular, I use a SVG library in order to create a vector graphic that contains Angular code directives like (click)='myMethod()' , which, in turn, call methods I've statically defined in the SVG-enclosing component. Being generated at runtime I need to compile the created template and add it to a component. I implemented such code back then with Angular 3 with the help of this post which was quite cumbersome. I tried to the copy the old code in an

问题 I am trying to include external module (hosted in git/npm repository) as lazy-loaded module in my Angular application. I am compiling my external module with ngc compiler: node_modules/.bin/ngc -p tsconfig-aot.json This is how my compiler config looks: { "extends": "./tsconfig.json", "compilerOptions": { "baseUrl": "src", "declaration": true, "outDir": "./release/src" }, "files": [ "./src/index.ts" ], "angularCompilerOptions": { "genDir": "release", "skipTemplateCodegen": true, "entryModule":

问题 I'm using angular compiler: const AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin; With these compiler options: "angularCompilerOptions": { "genDir": "./build/compiled", "outDir": "./build/compiled", "skipMetadataEmit": true, "debug": true}, Relevant part of my package.json is: "@ngtools/webpack": "^6.0.0", "@angular/router": "^5.2.0", "webpack": "4.8.3", "webpack-cli": "2.1.4", And my angularCompilerPlugin config is: new AngularCompilerPlugin({ tsConfigPath: 'path

问题 Consider the following template: <p>Hello, {{ name }}</p> <button (click)="doLogin()">Login</button> together with this TS-Class: @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent {} Neither name nor doLogin() exist. Still it compiles and runs without error. Only when I try to click the button, I get the error message doLogin is not a function in the browser's console. I do know, that this behaviour (errors

问题 I am attempting to load an HTML template received from the backend. This template includes custom pipes and should be populated with data that is received from a different web service. Here is an example of how it is currently set up. -app -/person --person.module.ts --person.service.ts --/person-info ---person-info.component.ts Ideally, I would like to receive the template and set it up within the person-info.component.ts since I have all of the necessary code for that HTML in that component