我已经尝试了所有方法,但完全相同的代码适用于独立应用程序。以下是 Profile 组件的代码:
<app-header (sendUserdata)="getUserdata($event)" (sendToken)="getToken($event)" > </app-header>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li>
<a (click)="onClick('myProfile')"> My Profile </a>
</li>
<li>
<a (click)="onClick('addPassword')">Add Password</a>
</li>
<li>
<a href="#">Show Password</a>
</li>
<li>
<a (click)="logOut()">Logout</a>
</li>
</ul>
</div>
<div *ngIf="myProfile">
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12" >
<h1>Hello, {{userData.ofa}}</h1>
<img src="{{userData.Paa}}" alt="">
<p>{{userData.U3}}</p>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="addPassword">
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12" >
<div class="container">
<h1>Submit Password</h1>
<form>
<div class="form-group">
<label for="name">Application Name</label>
<input #applicationname type="text" class="form-control" id="" required >
</div>
<div class="form-group">
<label for="alterEgo">Username</label>
<input #username type="text" class="form-control" id="username" required>
</div>
<div class="form-group">
<label for="alterEgo">Password</label>
<input #password type="text" class="form-control" id="password" [value]="randomPassword">
</div>
<button type="button" class="btn btn-success" (click)="generatePassword()">Generate Random Password</button>
<button type="submit" class="btn btn-success dropbox-saver" (click)="submitData(applicationname.value,username.value,password.value)">Submit</button>
<hr> <a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver"></a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
如果我运行与独立应用程序完全相同的代码,这是输出。
这是未显示“保存到 Dropbox”按钮的配置文件组件的输出:
同时,该按钮显示在用户尚未登录的主页上。
我试过在没有所有引导类和部门的情况下进行检查。但是,我无法让它工作。