我想使用 java 脚本在客户端动态创建面包屑。面包屑将是用户导航时遵循的路径: 主页 > 关于我们 > 我们的历史..
锚标记将按照用户导航的顺序在每个页面上生成。
现在我可以使用服务器端技术轻松创建这些面包屑,但我想在客户端的每个页面上动态生成它。现在我不知道具体如何实现。
我心中的一些逻辑是:
在 Java 脚本中使用名称 和值对创建一个对象类型变量,其中名称是当前页面的名称,值是该页面的 url。
现在,在从一个页面导航到另一页面时,使用查询字符串传递此对象变量。
然后在第二页中从查询字符串中获取该对象变量,并从该对象中提取名称和值对,然后使用它创建锚点并将其添加到目标 div(占位符)。
再次,当用户转到另一个页面时,在对象变量的最后添加 所有先前页面的名称和值对以及当前页面的名称和值对,并使用查询字符串将其传递到下一页。
现在在下一页中执行相同操作并创建锚点。
我使用 html5 客户端存储得到的一些类似内容为 : html :
<ul id="navigation_links">
<li>Page1</li>
<li>Page2</li>
<li>Page3</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
js:
$(document).ready(function(){
bindEventToNavigation();
});
function bindEventToNavigation(){
$.each($("#navigation_links > li"), function(index, element){
$(element).click(function(event){
breadcrumbStateSaver($(event.currentTarget).html());
showBreadCrumb();
});
});
} …Run Code Online (Sandbox Code Playgroud) 好的,我已经为我的 dot net core API 添加了 CORS 策略,但不知何故这些 CORS 策略不适用于身份服务器 4 端点。我有以下 api 尝试注册用户:
[EnableCors("AllowAllCorsPolicy")]
[Route("api/User")]
public class UserController : Controller
{
private readonly UserManager<ApplicationUser> _userManager;
private IUserServices _userService;
public UserController(UserManager<ApplicationUser> userManager, IUserServices userService)
{
_userManager = userManager;
_userService = userService;
}
[HttpPost]
public async Task<int> Post([FromBody]User userInfo)
{
var user = new ApplicationUser{ UserName = userInfo.Name, Email = userInfo.Email,
UserTypeId = Constant.User, CustomerId = userInfo.CustomerId };
//Follwing 3 lines give CORS issue.
await _userManager.AddToRoleAsync(user, Constant.User);
var userClaim = new …Run Code Online (Sandbox Code Playgroud) 这是演示plnkr。我正在尝试为具有文本框和验证按钮的OTP输入实现自定义异步验证器。我只想在用户单击验证OTP按钮或表单提交按钮时验证输入。目前,验证是针对文本更改事件进行的,因此无法正常工作。 表单HTML:
<form [formGroup]="registrationForm" (ngSubmit)="registrationForm.valid && submitRegistration(registrationForm.value)" novalidate>
<fieldset class="form-group">
<label for="e-mail">Mobile</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Mobile" formControlName="mobile">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button">Send OTP</button>
</span>
</div>
<div class="form-text error" *ngIf="registrationForm.controls.mobile.touched">
<div *ngIf="registrationForm.controls.mobile.hasError('required')">Mobile is required.</div>
</div>
</fieldset>
<fieldset class="form-group">
<label for="e-mail">Verify OTP</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="OTP" formControlName="otp">
<span class="input-group-btn">
<button class="btn btn-secondary" (click)="veryOTPAsyn(otp)" type="button">Verify</button>
</span>
</div>
<div class="form-text error" *ngIf="registrationForm.controls.otp.touched">
<div *ngIf="registrationForm.controls.otp.hasError('required')">OTP is required.</div>
<div *ngIf="registrationForm.controls.otp.hasError('invalidOtp')">OTP is invalid.</div>
</div>
</fieldset>
<button class='btn btn-primary' type='submit' [disabled]='!registrationForm.valid'>Submit …Run Code Online (Sandbox Code Playgroud) javascript validation angular-validation angular angular-forms
我最近将Angular应用程序从4.3升级到5.0,并尝试使用其中的一些新功能。其中之一是从zone.js中删除依赖项。
main.ts:
platformBrowserDynamic().bootstrapModule(AppModule, {
ngZone: 'noop',
});
Run Code Online (Sandbox Code Playgroud)
零件:
import { ApplicationRef, Component } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { Subscription } from 'rxjs/Rx';
import { MenuService } from '../../services/menu.service';
@Component({
selector: 'ba-menu',
templateUrl: './baMenu.html',
styleUrls: ['./baMenu.scss'],
})
export class BaMenu {
menuItems: any[];
protected _menuItemsSub: Subscription;
protected _onRouteChange: Subscription;
constructor(public _router: Router, public _service: MenuService, public app: ApplicationRef) {
console.log('constructor triggered'); //This worked
this.app.tick();
}
ngOnInit(): void {
console.log('ngOnInit() triggered'); //This doesn't worked
this._onRouteChange = …Run Code Online (Sandbox Code Playgroud) javascript angular2-changedetection zone.js angular angular5
我正在尝试创建一个可配置的可重用表。单元格可以配置为具有 html 模板。
我正在配置“ Review ”列,使其具有带有带有点击事件的锚标记的 html 模板(review(row))。
到目前为止,我尝试将此模板作为innerHTML 插入,但所有角度绑定都不起作用。然后我尝试创建一个动态调用的组件(review.component.ts),但该组件仅在第一行调用一次。此外,我没有找到任何方法将当前行项目传递给单击事件 review(row) (在 review.component.ts 内)。
雇员.组件.ts:
import { Component, OnInit, DynamicComponentLoader, ElementRef, Inject, Injector} from '@angular/core';
import { CORE_DIRECTIVES } from '@angular/common';
import {Router, RouteConfig, RouterLink, RouterOutlet, ROUTER_PROVIDERS, ROUTER_DIRECTIVES} from '@angular/router-deprecated';
import {DataTableComponent} from '../../data_table/data_table.component';
import {DataTable} from '../../data_table/dataTable';
import {Cell} from '../../data_table/cell';
import {ReviewComponent} from './review.component';
@Component({
selector: 'employee',
templateUrl: './app/employee/employee.html',
directives: [DataTableComponent, ReviewComponent, RouterLink, RouterOutlet, ROUTER_DIRECTIVES],
providers: [ROUTER_PROVIDERS]
})
export class EmployeeComponent implements OnInit {
public tableConfig: DataTable;
public …Run Code Online (Sandbox Code Playgroud) 我想将DataDable传递给存储过程作为参数 cointaning下面的列:
Supp_Id int
Del_Methode_Id int
Ord_Ammount int
Promo_Id int
Discount_Ammount Money
Run Code Online (Sandbox Code Playgroud)
现在我想在存储过程中使用这个数据表,并希望在其上声明一个游标.并使用该游标按顺序将值插入数据库表.
请告诉我如何在存储过程中声明datatable参数,然后在该参数上使用cursor?
我遵循了官方的angular-cli 教程,将angular-universal集成到我现有的angular-cli应用程序中。
我可以为我的angular-cli应用程序执行SSR。但是当我尝试集成ngx-leaflet时,出现以下错误:
ReferenceError:导航器未在D:\ ng2-ssr-pwa \ dist \ server.js:40251:29定义
现在,我知道传单正在尝试访问Node上下文中不可用的导航器对象。因此,我决定延迟传单的呈现,直到此SO线程中给出的页面加载到浏览器中为止。但是我仍然遇到同样的错误。您可以在此处查看带有传单问题的演示应用程序。
./src/app/browserModuleLoader.service.ts:
import { Component, Inject, Injectable, OnInit, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser, isPlatformServer } from '@angular/common';
@Injectable()
export class BrowserModuleLoaderService {
private _L: any;
public constructor(@Inject(PLATFORM_ID) private _platformId: Object) {
this._init();
}
public getL() {
return this._safeGet(() => this._L);
}
private _init() {
if (isPlatformBrowser(this._platformId)) {
this._requireLegacyResources();
}
}
private _requireLegacyResources() {
this._L = require('leaflet');
}
private _safeGet(getCallcack: () => any) …Run Code Online (Sandbox Code Playgroud) javascript angular-cli angular-universal angular ngx-leaflet
我正在创建一个用户无法尝试多次登录的应用程序.如果特定用户登录,我的数据库标志值将设置为1,这意味着没有其他具有相同用户名和密码的成员可以登录.
如果用户注销我的数据库标志值设置为0.这一切都运行良好但现在我有一个不同的问题,即当用户突然关闭浏览器而没有注销页面或会话超时然后自动数据库标志值应设置为0.现在我不知道怎么做.请给我任何解决方案.
我是Angular世界的新手,并在如何控制局部装载方面苦苦挣扎.在我的应用程序中更改下拉值我从服务器获取模板URL(我要呈现的部分的url).现在使用该模板URL我想在我的页面中加载该部分.我知道插入部分可以使用指令完成,但是如何在指令中更改模板url以加载不同的部分?在简单的一句话,我已经改变局部的方法在我的控制器,它获得模板URL从服务器,并且在NG-change事件,我调用这个函数,我现在该怎么使用模板URL在我指定的占位符渲染部分?
代码1:
var x=(function(){
return {
greet:function(){
alert('Hello from code1');
}
};
})();
Run Code Online (Sandbox Code Playgroud)
代码2:
var x=function(){
return {
greet:function(){
alert('Hello from code2');
}
};
}();
Run Code Online (Sandbox Code Playgroud)
两者都将被调用为:
x.greet();
Run Code Online (Sandbox Code Playgroud)
在样式1中,我在括号内包含了自执行函数,而在第二个代码中却没有.两者都一样.那么code1和code2之间的区别是什么呢?
javascript ×7
angular ×4
c# ×2
.net ×1
.net-core ×1
angular-cli ×1
angular5 ×1
angularjs ×1
asp.net ×1
breadcrumbs ×1
cors ×1
cursor ×1
datatable ×1
html ×1
jquery ×1
ngx-leaflet ×1
query-string ×1
session ×1
sql ×1
sql-server ×1
validation ×1
zone.js ×1