小编Ksh*_*ari的帖子

我正在开发一个包含搜索功能的应用程序。

现在我在应用程序 1. Navbar 2. SearchGridList 中有 2 个组件

Navbar 组件包含一个文本框，您可以在其中输入搜索查询并按 Enter，该组件将进行 api 调用并获取数据。当数据回来时，我想将此数据填充到 SearchGridList 组件中的数组中。

我很难理解在 Angular 中的组件内传递数据，有人可以看看我的代码并指导我。

导航栏.component.ts

import { Component, OnInit, Input, Output } from '@angular/core';
import {DataService} from '../../services/data.service';
import {SearchResults} from '../class/search.class';
import {SearchGridListComponent} from '../search-grid-list/search-grid-list.component';
import { EventEmitter } from '@angular/core';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {

  searchQuery : String;
  //searchResultList : Array<any> = [];

  constructor(private dataService :  DataService) { }

  doSearch () : any
  { …

我正在开发一个具有各种环境设置的角度应用程序。当我尝试使用设置一些调试点时遇到问题debugger;

我正在使用ng serve -o --webconfiguration==qa编译node_modules运行服务器。

但是，当我使用ng serve -o调试点时，会被击中。

如何设置我的应用程序以在使用 QA 环境时命中调试点

这是我的配置 - Angular CLI Version - 7.3.8 Node Version - 10.15.3 NPM - 6.4.1 TypeScript - 3.1.6

角度.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "Media-Service-Status": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/Media-Service-Status",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [ …

我正在开发 angular2 应用程序，并使用 primeng 作为 UI 元素。我有一些下拉菜单，其中的选项是通过 API 调用动态生成的。现在，当我单击提交按钮时，我希望它在提交之前验证表单。所以我使用'required =“required”'来进行验证。

我发现，如果数据未加载到下拉列表中，验证工作正常，但是当加载数据并填充下拉选项时，primeng 验证会中断，并且不会抛出任何消息。

这是我的 html 代码..

<div method="post" class="content-form">
                            <div class="col-lg-6">
                                <form  #myForm="ngForm" class="form-horizontal" novalidate>
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label">System of Origin</label>
                                        <div class="col-sm-10">
                                          <p-dropdown class="contentDetails" [options]="systemOfOrigins" [(ngModel)]="defaultSoO" [ngModelOptions]="{standalone: true}"   required="required" filter="filter" placeholder="NONE"></p-dropdown>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label">Content Type</label>
                                        <div class="col-sm-10">
                                          <p-dropdown  class="contentDetails" [options]="contentTypes" [(ngModel)]="selectedContentType" [ngModelOptions]="{standalone: true}"  filter="filter"  required="required" placeholder="Choose"></p-dropdown>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="inputPassword3" class="col-sm-2 control-label">Rendition</label>
                                        <div class="col-sm-10">
                                         <p-dropdown id ="rendition"  placeholder="Select Rendition" class="contentDetails" [options]="renditions" …

在 blazor 应用程序上工作，它有一个需要从 JS 调用的方法！当我尝试调用没有 static 关键字的方法时，出现此错误 -

 The assembly 'AssemblyName' does not contain a public invokable method with [JSInvokableAttribute("INIT_COMPLIANCE")].

一旦我添加静态，它就会识别并加载它。

这是我在 blazor 组件中的代码 -

protected override Task OnInitializedAsync()
    {
        jsToDotNetBridgeReference = DotNetObjectReference.Create(this);
        js.InvokeVoidAsync("SetDotNetReference", jsToDotNetBridgeReference);
        return base.OnInitializedAsync();
    }


[JSInvokableAttribute("INIT_COMPLIANCE")]
public async void InitComplianceComponent(string token)
{
    id_token = token;
    Console.WriteLine(token);
    await GetData();
}

JS-

 self.addNewCompliance = function () {
        const url = someurl;
        var resource = window.authContext.getResourceForEndpoint(url);
        window.authContext.acquireToken(resource, function (error, token) {
            // Handle ADAL Error
            if (error || !token) { …

我正在尝试建立一个在线书店，并且我正在尝试向新签名的用户发送一封验证电子邮件，但由于某种原因没有发送电子邮件，我还尝试在 gmail 中使用特定于应用程序的密码。

将不胜感激。

这是我在 settings.py 中的电子邮件代码

EMAIL_BACKEND = 'django_smtp_ssl.SSLEmailBackend'
EMAIL_HOST='smtp.gmail.com'
EMAIL_HOST_USER='kshitu.rangari@gmail.com'
EMAIL_HOST_PASSWORD='jgpcjiajvklxraof'
EMAIL_PORT=587
EMAIL_USE_TLS = True
DEFAULT_FROM_EMAIL = 'books@pickabook.com'

我的 Views.py 中的代码

from .models import Book

def index (request):
    return render (request,'template.html')

def store (request):
    return render (request, 'store.html' )

def store (request):
    count = Book.objects.all().count()
    context = {
        'count':count,
    }
    return render (request,'store.html',context)