标签: angular7

在我的 app.component.html 中，我想根据当前 url 呈现某些 div 容器。例如

1. 如果当前 URL 是身份验证，则呈现以下内容

<div *ngIf="'authenticate' === this.currentUrl">
    <router-outlet></router-outlet>
</div>

2. 如果当前 URL 未通过身份验证，则呈现以下内容

<div *ngIf="'authenticate' !== this.currentUrl" id="wrapper">
    <div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row extranet-outlet-wrapper">
                        <router-outlet></router-outlet>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我没有使用任何子路由。这是因为，我只想要一个不同的布局来验证组件，其余的保持不变。

这在首次加载时有效，但是当我单击任何[routerLink]视图时，视图不会更新。但是，如果我重新加载屏幕，它就可以工作。问题在于<router-outlet>in的条件渲染app.component.html，我通过删除条件来检查它，它工作得很好。

有人可以帮助我了解这里发生的事情以及如何在不使用子路由的情况下解决此问题。

我正在尝试从服务器下载文件，但该文件并未显示其原始内容，而是显示 [object Object]。

WEB API 核心

[Authorize(AuthenticationSchemes = "Bearer")]
[HttpGet]
public HttpResponseMessage DownloadContractFile(string fileName)
{
    string contentRootPath = _hostingEnvironment.ContentRootPath;
    var folderName = Path.Combine(contentRootPath, FileHandler.ContractFilePath, Convert.ToInt32(User.Identity.Name).ToString());

    var path = Path.Combine(folderName, fileName);

    var memory = new MemoryStream();

    HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
    using (var stream = new FileStream(path, FileMode.Open))
    {
        result.Content = new StreamContent(stream);
        result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
        result.Content.Headers.ContentDisposition.FileName = Path.GetFileName(path);
        result.Content.Headers.ContentType = new MediaTypeHeaderValue(FileHandler.GetContentType(path)); // Text file
        result.Content.Headers.ContentLength = stream.Length;

        return result;
    }
}

Angular 代码：服务方法

  downloadContractFile(fileName: string) {

    const obj: …

嗨，我正在使用 lodash 进行聚合，但我一直停留在一个地方，我将我的值作为字符串而不是浮点数获取，因此它是连接而不是对值求和。

下面是尝试的方法。

var data = [{extendedPrice: "5151.059", month: "January"}, 
            {extendedPrice: "8921.0336", month: "March"},
            {extendedPrice: "2036.9865", month: "April"}];

var sumValue = _.sumBy(data,extendedPrice);

上面的结果

5151.0598921.03362036.9865

预期结果：

16109.0791

任何帮助将非常感激。

我收到此错误消息

指定的值“2019-04-13T00:00:00”不符合要求的格式“yyyy-MM-dd”。

我想将日期/时间更改为日期。

日期时间示例：2019-04-13T00:00:00

我想做的例子：2019-04-13

HTML

 <input
  class="form-control mr-sm-2"
  id="dates"
  name="achievement_date"
  [(ngModel)]="addItems.achievement_date"
  required
  type="date"
  placeholder="Tournament Date"
/>

每当我单击 HTML 表中的一行时，我都试图调用一个函数，但它不起作用并且没有给出任何错误。

我已经尝试了几件事，在线代码表明我尝试的方式应该可以工作。

我的代码如下：

网址：

<h2>Userstories</h2>

<button (click)="onNewStory()">New Story</button>

<table>
  <tr *ngFor="let story of userstories" ng-click="onUpdate(story)" [class.selected]="story === selectedStory">
      <td>{{story.id}}</td>
      <td>{{story.name}}</td>
      <td><button ng-click="onUpdate(story)">Click me!</button></td>
  </tr>
</table>

<app-userstory-detail [story]="selectedStory"></app-userstory-detail>

我的 .ts 看起来像这样：

  selectedStory: UserStory;
  onNewStory() {
    var newStory = {id:this.userstories[this.userstories.length-1].id+1, name:"", description:"Deze is nieuw", status:"open", owner:USERS[1]};
    this.userstories.push(newStory);
    this.selectedStory = newStory;
  }

  onUpdate(userstory: UserStory): void {
    this.selectedStory = userstory;
    console.log(this.selectedStory);
  }

目前，当我尝试调用 onUpdate 方法时，我的控制台没有打印日志。预期的结果是在日志中看到一些输出，但我不知道它为什么不触发 onUpdate 方法。

我见过与此问题类似的线程，但我没有运气解决它。登录工作成功，但是当我尝试在主页中获取登录用户的数据时，我收到此错误 401 未经授权，邮递员中也显示相同的错误

我的启动.cs

 public class Startup
    {
        private string _connectionString=null;
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;

        }

        public IConfiguration Configuration { get; }

        // This method gets called by the runtime. Use this method to add services to the container.
        public void ConfigureServices(IServiceCollection services)
        {
            //Inject AppSettings
            services.Configure<ApplicationSettings>(Configuration.GetSection("ApplicationSettings"));
            _connectionString = Configuration["secretConnectionstring"];

            //without this it will define for example id to Id 
            services.AddMvc()
                .SetCompatibilityVersion(CompatibilityVersion.Version_2_2)
                .AddJsonOptions(options => {
                    var resolver = options.SerializerSettings.ContractResolver;
                    if (resolver != null)
                        (resolver as DefaultContractResolver).NamingStrategy = …

即使我没有声明任何宽度属性，我也会在 angular 7 和 primeng 7 中收到以下警告。

width 属性已弃用，请使用 style 来定义 Dialog 的宽度。

有没有人知道如何解决这个问题。

提前致谢

我一遍又一遍地搜索，但也许我的搜索词不正确，因为没有任何结果。我想根据 HTTP 请求的结果动态显示我的 404 组件。

我意识到我可以通过将用户重定向到我的 404 页面来做到这一点，但是有什么方法可以在不更改 URL 的情况下呈现组件？

就像是 /people/<nonexistent id>

1. 执行 HTTP 请求
2. 如果此人存在，则照常进行
3. 如果 person 不存在，则在不更改 URL 的情况下呈现 404