I'm trying to embed a pdf on my page using angular. I'm using the <objetct> tag to do it. Basically I have 2 buttons, each button refreshes the url of the <obj,angular"/>

时间戳

首页 > 解决方案 > 为什么我不能从 pdf 中加载有效的 url tag using angular?

I'm trying to embed a pdf on my page using angular. I'm using the <objetct> tag to do it. Basically I have 2 buttons, each button refreshes the url of the <obj

angular - 为什么我不能从 pdf 中加载有效的 url tag using angular?

I'm trying to embed a pdf on my page using angular. I'm using the <objetct> tag to do it. Basically I have 2 buttons, each button refreshes the url of the <obj

问题描述

I'm trying to embed a pdf on my page using angular. I'm using the <objetct> tag to do it. Basically I have 2 buttons, each button refreshes the url of the <object> but does not load any. Why does this happen and how can I solve it?

<object *ngIf="pdf" [data]="pdf" type="application/pdf" width="100%" height="100%">
 <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: 
 <a href=".pdf">Download PDF</a>.</p>
</object>

<button (click)="loadPdf1()">Load Pdf 1</button>
<button (click)="loadPdf1()">Load Pdf 2</button>

loadPdf1(){
  this.pdf="http://www.africau.edu/images/default/sample.pdf"
}
loadPdf2(){
  this.pdf="http://www.pdf995.com/samples/pdf.pdf"
}

this is my full code:

https://stackblitz.com/edit/angular-cygjuj?file=src/app/app.component.ts

The latest set of guidance is as follows: (from https://docs.microsoft.com/en-us/azure/azure-functions/functions-dotnet-class-library#environment-variables)

Use:

System.Environment.GetEnvironmentVariable(name, EnvironmentVariableTarget.Process);

From the docs:

public static class EnvironmentVariablesExample
{
    [FunctionName("GetEnvironmentVariables")]
    public static void Run([TimerTrigger("0 */5 * * * *")]TimerInfo myTimer, ILogger log)
    {
        log.LogInformation($"C# Timer trigger function executed at: {DateTime.Now}");
        log.LogInformation(GetEnvironmentVariable("AzureWebJobsStorage"));
        log.LogInformation(GetEnvironmentVariable("WEBSITE_SITE_NAME"));
    }

    public static string GetEnvironmentVariable(string name)
    {
        return name + ": " +
            System.Environment.GetEnvironmentVariable(name, EnvironmentVariableTarget.Process);
    }
}

App settings can be read from environment variables both when developing locally and when running in Azure. When developing locally, app settings come from the Values collection in the local.settings.json file. In both environments, local and Azure, GetEnvironmentVariable("<app setting name>") retrieves the value of the named app setting. For instance, when you're running locally, "My Site Name" would be returned if your local.settings.json file contains { "Values": { "WEBSITE_SITE_NAME": "My Site Name" } }.

The System.Configuration.ConfigurationManager.AppSettings property is an alternative API for getting app setting values, but we recommend that you use GetEnvironmentVariable as shown here.

标签： angular

解决方案

推荐阅读