小编Rak*_*and的帖子

在Angular 2.x中,Angular 2中的ng-model和NgModel之间有区别吗？请参阅以下Angular文档

https://angular.io/docs/ts/latest/guide/architecture.html

它使用术语[(ng-model)]="property"来解释双向数据绑定.在此之下,它使用NgModel(而不是ng-model)的示例

<input [(ngModel)]="hero.name">

如果这是一个错字,我很困惑(我猜不是!).

我正在尝试使用Angular和ASP.NET Core进行用户身份验证。

我正在跟踪在这里找到的教程：

https://fullstackmark.com/post/10/user-authentication-with-angular-and-asp-net-core

我按照所有步骤进行操作，没有错误。

该应用程序运行，但是当我转到“ / register”或“ / login”路由时，

NodeInvocationException: Uncaught (in promise): ReferenceError: localStorage is not defined
ReferenceError: localStorage is not defined

使用它的服务是：

import { Injectable, Inject } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';

import { UserRegistration } from '../shared/models/user.registration.interface';
import { ConfigService } from '../shared/utils/config.service';

import { BaseService } from "./base.service";

import { Observable } from 'rxjs/Rx';
import { BehaviorSubject } from 'rxjs/Rx';

//import * as _ from 'lodash';

// Add the …

在我的角度应用程序中有一个名为Ngx-Stripe的模块

我将其定义为如下文档：

NgxStripeModule.forRoot('***your-stripe-publishable key***');

但问题是我没有在应用程序引导程序上获得此密钥，我不应该app.module像index.html当我使用带有任何角度库的条带时那样以角度或全局方式对它进行硬编码。

用户进入付款页面后，我在 api 调用中获取此密钥。在这种情况下如何定义这个键？

当我开发我的 Asp.net Core 2 / Angular 5 应用程序时。我收到以下错误。

(TS) 找不到模块“@angular/platform-server”。

我在这里附上了生成错误的屏幕截图。

这里我也添加了 package.json 文件。

  {
  "name": "ASPCoreWithAngular",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "test": "karma start ClientApp/test/karma.conf.js"
  },
  "devDependencies": {
    "@angular/animations": "4.2.5",
    "@angular/common": "4.2.5",
    "@angular/compiler": "4.2.5",
    "@angular/compiler-cli": "4.2.5",
    "@angular/core": "4.2.5",
    "@angular/forms": "4.2.5",
    "@angular/http": "4.2.5",
    "@angular/platform-browser": "4.2.5",
    "@angular/platform-browser-dynamic": "4.2.5",
    "@angular/platform-server": "4.2.5",
    "@angular/router": "4.2.5",
    "@ngtools/webpack": "1.5.0",
    "@types/chai": "4.0.1",
    "@types/jasmine": "2.5.53",
    "@types/webpack-env": "1.13.0",
    "angular2-router-loader": "0.3.5",
    "angular2-template-loader": "0.6.2",
    "aspnet-prerendering": "^3.0.1",
    "aspnet-webpack": "^2.0.1",
    "awesome-typescript-loader": "3.2.1",
    "bootstrap": "3.3.7",
    "chai": "4.0.2",
    "css": "2.2.1",
    "css-loader": "0.28.4",
    "es6-shim": "0.35.3", …

我想创建一个交互式地理地图。我已经创建了世界地图

region: 'world',
displayMode: 'regions'

还为印度创建了一张地图作为标记

region: 'IN',
domain: 'IN',
displayMode: 'markers',

现在我需要为印度创建一个地图作为区域而不是标记。
现在这是标记的问题：-

我已经成功地创建了它，但是其中缺少一些州，例如 uttarakhand、chhatisgarh 和 telangana。任何人都可以帮忙，这里是jsfiddle的链接，它显示了印度各州的地图 fiddle for map

我正在尝试这样的事情 -

<button class="btn btn-lg btn-block btn-section"
     ng-disabled="{{ selectedfruits.length }} < 5" > Show selected fruits</button>

在chrome开发人员工具中,源代码如下所示

<button class="btn btn-lg btn-block btn-section" 
    ng-disabled="0 < 5">
        Show selected fruits</button>

但是按钮没有被禁用,我的控制器看起来像这样 -

.controller('fruitSelectorController',
     function ($scope, $rootScope, $timeout) { 
    $scope.fruits = ['a', 'b', 'c', 'd', 'e'];
                $scope.selectedfruits = [];
    });

当我尝试将字符串与angularjs的ng-if比较时，我在控制台中收到错误。

以下是我的数据：

的值为{{reports[0]}}：

{"name":null,"discount":0,"margin":0,"reportType":"REPORT_TOP_SELLERS","revenue":0,"variantKey":null,"rank":1,"productKey":"10692-1_en_US","purchasedUnits":0,"abandonedUnits":0}

{{reports [0] .reportType}}的值是：

REPORT_TOP_SELLERS

下面是引发错误的代码：

<div ng-if="{{reports[0].reportType}} === 'REPORT_TOP_SELLERS'">

Error:
Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{reports[0].reportType}} === 'REPORT_TOP_SELLERS'] starting at [{reports[0].reportType}} === 'REPORT_TOP_SELLERS'].

请帮忙。

Angular 4.4.6
Angular CLI 1.3.2
Node 6.x.x
NPM 3.10.10
Webpack 3.4.1

在 Angular Universal 应用程序中，当服务器视图切换到客户端视图时，屏幕会出现闪烁，因为在服务器端渲染中调用的所有 API 也在客户端渲染中调用，因为存在闪烁。

为了消除这种闪烁，我实现了 Angular Universal Transfer Module，它private _map = new Map<string, any>();在服务器端渲染时将数据存储在地图缓存 ( ) 中，并将其传输到客户端，因此客户端不需要再次调用 api 并立即从缓存中获取数据。

转移是通过该提供商进行的。

{
    provide: APP_BOOTSTRAP_LISTENER,
    useFactory: onBootstrap,
    multi: true,
    deps: [
        ApplicationRef,
        TransferState
    ]
}

export function onBootstrap(appRef: ApplicationRef, transferState: TransferState) {
    return () => {
        appRef.isStable
        .filter(stable => stable)
        .first()
        .subscribe(() => {
            transferState.inject();
        });
    };
}

这样闪烁消失了，但应用程序性能下降了，在对应用程序进行负载测试时，闪烁的结果比非闪烁的应用程序更快，这是为什么？

可能是因为在负载测试或机器人访问网站的情况下，没有浏览器所以缓存永远不会被清除，它只是用缓存内存填充服务器并且服务器变慢，有什么解决方案可以解决这个问题，要么创建机器人和真实用户的不同实例，通过在 nginx 级别识别请求，oe 还有一些我在 angular Universal 中缺少的东西。

是否可以使用ng-repeat并仅显示1个数据.

这是我的代码:

<div class="modal-body" ng-repeat="a in list_data">
    <h2>Nama: {{a.nama}} </h2>
    <p>Alamat: {{a.alamat}}</p>
    <p>E-mail: {{a.email}}</p>
    <p>telp: {{a.telp}}</p>
</div>

我将所有 js 文件缩小并合并为一个文件，并包含在 html 中，但站点中没有任何内容。

js里面文件太多了，不想一一包含，所以修改合并为一个。

有没有其他方法可以减少对 js 文件的 http 调用次数。

我有一个数据服务，用于在组件中加载数据，如下所示：

this.dataService.getUserData().subscribe(user => {
    this.user = user;
});

现在，当数据出现时pushed/set（像这样this.dataService.setUser(user);），它会很好地更新组件中的数据！

但是，如果我的组件由于某种原因隐藏然后再次显示，则组件会再次初始化，并且服务也在 init 上成功订阅，但当前数据不会加载到我的组件的user对象中，直到对数据调用下一次推送/设置服务。

有没有什么方法可以在 init 时不仅订阅服务，还加载数据服务中的当前数据？