Отображение значения из локального хранилища в Angular Page
У Google есть инструмент и рекомендации для этого. Вы можете найти их на: https://postmaster.google.com/ Зарегистрировать и подтвердить свое доменное имя, а Google предоставляет индивидуальный рейтинг этого IP-адреса и домена.
Из руководства для массовых отправителей :
Аутентификация гарантирует, что ваши сообщения могут быть правильно классифицированы. Письма, у которых отсутствует аутентификация, скорее всего, будут отклонены или помещены в папку спама, учитывая высокую вероятность того, что они являются поддельными сообщениями, используемыми для фишинговых атак. Кроме того, неавторизованные письма с прикрепленными файлами могут быть отклонены по соображениям безопасности.
Чтобы убедиться, что Gmail может идентифицировать вас:
- Использовать согласованный IP-адрес для отправки массовой почты .
- Сохранять действительные обратные DNS-записи для IP-адресов, с которых вы отправляете почту, указывая на ваш домен.
- Использовать тот же адрес в заголовке «From:» на каждую отправленную массу. Мы также рекомендуем следующее:
- Подписать сообщения с DKIM.
- Публикация записи SPF.
- Публикация политики DMARC.
Публикация протокола SPF.
3 ответа
TS page
-
переменная init
username:string; -
создать функцию для заполнения переменной из localalstorage
getName(){
this.username = localStorage.getItem("user_name";
}
- переменная вызова при загрузке страницы
onInit(){
this.getName();
}
HTML-страница [ 1117]
<input type="name" class="form-control" id="nameInput" value="{{username}}">
В этом случае я бы рекомендовал использовать Angular ReactiveForm вместо ручного извлечения и привязки значения.
В вашем компоненте создайте экземпляр FormGroup и привяжите значение из localStorage к элементу управления формы:
@Component({
template: `
<form *ngIf="form" [formGroup]="form" (submit)="editName($event)">
<div class="form-group">
<label for="nameInput">Name</label>
<input formControlName="name" type="name" class="form-control" id="nameInput">
</div>
<button type="submit" class="btn btn-primary">Save changes</button>
</form>
`
})
export class YourComponent implements OnInit {
form: FormGroup;
ngOnInit(): void {
this.form = new FormGroup({
name: new FormControl(localStorage.getItem('user_name')),
});
}
}
Подробнее о реактивных формах в Angular см. https: // angular.io/guide/reactive-forms
В конце концов, я пошел создать метод под названием getUsername () в component.ts:
getUsername() {
return localStorage.getItem('user_name');
}
, а затем привязал его к входу, используя это:
<input type="name" class="form-control" id="nameInput" value="{{getUsername()}}">