angular-universal

问题 My situation is as follows: I have a node server with express that serves me on the one hand several angular applications and on the other hand responds to requests from the api. Each of them is configured for a route and finally everything is listening from a single port. Now I am preparing a new angular application with Angular Universal. Following the steps of the official angular guide to implement Universal with express, genre a server.ts file. This file will be responsible for rendering

问题 Hi I am using angular 2 with universal. I am trying to this. First I create a new project : ng new universaldemo. I installed these packages : npm install --save @angular/platform-server @nguniversal/module-map-ngfactory-loader ts-loader @nguniversal/express-engine . Here is my app.module.ts : import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports:

问题 I have a (carousel) component that needs to check the width of an element. In the browser: I'm able to call ngAfterViewInit and get the width from the @ViewChild handle. But when it's rendered by Universal its width is 0 . This is because the universal-generated dom is still displayed but the browser-generated dom (where my handle is pointing to) is either inside a document fragment or just not displayed. ngAfterContentChecked and ngAfterViewChecked can solve the issue, but i don't want it to

问题 Does anyone know howto get lazyloading on firebase hosting working? It all works but when I view the source code of my site, I only see the router-outlet and not the text and so on. I've added the code below to my index.js inside the functions folder: extraProviders: [ provideModuleMap(LAZY_MODULE_MAP) ] My app.server.module file looks like this: import { NgModule } from '@angular/core'; import { ServerModule } from '@angular/platform-server'; import { AppModule } from './app.module'; import

问题 We are using angular 5.2.8 with nguniversal/express-engine 5.0.0-beta.6 and we are using external payment services. The payment system requires a form to be posted to their URL and has an input for callbackURL. The callback from that request sends us back a POST request with data. We need to post that data to our backend with user credentials. In angular we can't receive post requests. I have tried some options for the solution but none of them worked so far: Listening for posts in express

问题 I'm working on SeoService for my Angular 6 project https://mypleaks.com. I'm trying to add and update Meta tag as my content URL changes dynamically. I'm able to console.log('18 ' + title); console.log('19 ' + description); but when I'm appending title and description in addTag and updateTag tag only static value('myPleaks | ') getting appended, and can be seen on inspecting page sources on this link https://mypleaks.com/#/content/16/Manikarnika-Teaser-Launch-Kangana-Ranaut-Celebrates-with

问题 I have an angular project and recently I have added angular-universal to it using the following command: ng add @nguniversal/express-engine --clientProject {{ name of your project }} building and running it: npm run build:ssr && npm run serve:ssr Ive got many errors after doing so but I managed to get it to work, but when I access my home page its writing the following to the console: (node:44714) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues.

问题 I'm trying to create an Angular Universal app building a specific route at build time to inject an AppShell into Index.html page as a means to get meaningful content in front of the user as soon as possible (while Angular app is downloading). I am following the instructions found at Angular University and I have it working as instructed. However, as I systematically add my existing app's functionality into this test app, I'm running into 'Unexpected token import' error stemming from a 3rd

问题 I'm trying to implement angular universal . But I want to limit SSR only in 2 specific routes for the time being. The reasons are . 1) Universal is something still developing and causes some unexpected behaviors with @angular/flex-layout and nested lazy loading 2) I don t need SEO on all pages So i've tried something like this app.get('/campaign/*/*', (req, res) => { res.render(join(DIST_FOLDER, 'browser', 'index.html'), { req }); }); app.get('/', (req, res) => { res.render(join(DIST_FOLDER,

问题 i have installed ngx-bootstrap and using angular-cli 1.0.1 and done universal setup with the help of Roberto Auler's Post. I have added path of bootstrap file in angular-cli.json styles "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "styles.css" ], I am using AlertModule for testing and its throwing error C:\Users\Praveen\Desktop\Projects\Angular2\universaltest\node_modules\ngx-bootstrap\alert\alert.module.js:1 (function (exports, require, module, __filename, __dirname) {