我目前正在从事一个 Web 开发项目,但在实现UI-router ( AngularJS )时遇到了问题。
我想在页面加载时设置默认状态以及子视图的默认状态。
如果我使用的abstract:true方法不是解决方案,因为当我想再次激活该状态时,这是不可能的。
我有这些api调用,我想在我的角度控制器中调用它们?任何例子都会有所帮助.
app.post('/user/auth', users.auth);
app.get('/user/logout', helpers.isAuthenticated, users.logout);
Run Code Online (Sandbox Code Playgroud) 假设我有一个ui-select的以下(非常基本的)代码
<ui-select ng-model="vm.selected">
<ui-select-match>
<span ng-bind="$select.selected.label"></span>
</ui-select-match>
<ui-select-choices repeat="item in vm.items">
<span ng-bind="item.label"></span>
</ui-select-choices>
</ui-select>
Run Code Online (Sandbox Code Playgroud)
现在,这会生成所有html节点等,其中包含用于搜索和过滤列表中显示的选项的输入.
该问题是:
如何设置(在任何变体中)输入搜索的最大长度?
该指令不提供任何内置数据属性.
因此,预期的行为是:如果我设置最大长度为10个字符,当用户键入/复制+粘贴大于指定长度的字符串时,输入搜索中的字符串会被截断(但是,如果你能提供给我的话)与其他一些解决方案,允许用户在输入搜索中只输入一定数量的字符,我真的很感激)
我在SO上找到了这个相关的问题,但它并不适用于这种情况,因为我无法通过ng-model或类似的方式访问输入搜索中输入的值.
从未定义的对象中防止控制台错误的最佳方法是什么?
假设我有这个
name : string;
constructor(private data: DataService) {
this.data.name.subscribe(res => this.name = res);
}
Run Code Online (Sandbox Code Playgroud)
在我的HTML中,我有这个
<p> {{name}}</p>
Run Code Online (Sandbox Code Playgroud)
当我加载页面时,我_co.name没有定义,但页面仍显示值name.在我获取数据之前,组件正在加载.
防止这种情况的最佳方法是什么?
我看到ngIf的不是null或类似的东西,是一种选择.但后来我看到了一些关于Resolve的内容.
我是Angular的新手,我刚刚建立了一个拦截器.根据多个教程,你必须包括HTTP_INTERCEPTORS在app.module像这样:
providers: [{ provide: HTTP_INTERCEPTORS, useClass: MyInterceptor, multi: true }]
Run Code Online (Sandbox Code Playgroud)
我想知道该multi: true属性是什么意思/做什么以及它是否可以省略.
我已经阅读了有关此属性的angular.io指南.他们解释如下:
我不明白这一部分:
注意multi:true选项.这个必需的设置告诉Angular,HTTP_INTERCEPTORS是一个多提供者的标记,它注入一个值数组,而不是一个值.
这有点说明了这个概念,但是当拦截器注入多个值而不是它时,我还不太了解.例如,我自己的拦截器只是更改标题.这是否意味着它只注入一个值?
谢谢
编辑:
这是我的拦截器
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { LoginService } from '../Services/login.service';
@Injectable()
export class JwtInterceptor implements HttpInterceptor {
constructor(private loginService:LoginService){}
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
// add authorization header with jwt token if available
console.log("ik …Run Code Online (Sandbox Code Playgroud) 我的问题很简单。
router-outlet例如/contact,在我显示我的页面中,/home或/meetus
(如何)我可以在{{title}}?
这甚至可能还是我必须在每个组件内移动我的标题栏?
我想通过内部搜索实现此端点:
@PostMapping("terminals_risk_filter/change_order/{terminalId}")
public ResponseEntity<?> updateFiltersPositions(@PathVariable Integer terminalId,
@RequestBody List<ChangeOrderRiskFiltersDTO> newFiltersPositionsList) {
List<RiskFilters> filterList = riskFilterService.findRiskFiltersByTerminalId(terminalId);
for (int i = 0; i < newFiltersPositionsList.size(); i++) {
// RiskFilters filter = filterList.findById(newFiltersPositionsList.get(i).getId());
Optional<RiskFilters> filter_payload = filterList.stream().filter(f -> newFiltersPositionsList.get(i).getId() == f.getId()).findAny();
RiskFilters filter = filter_payload.get();
filter.setPosition(newFiltersPositionsList.get(i).getPosition());
riskFilterService.save(filter);
}
return ok().build();
}
Run Code Online (Sandbox Code Playgroud)
但是我收到错误消息,Local variable i defined in an enclosing scope must be final or effectively final能否请您给我一些建议,以解决此问题?例如,我可以跳过for循环并使用流到流吗?
我是在 eclipse 中编写这段代码的,它是战争编写的,结果是3d.
public static void main(String[] args) {
double a = 5d + + + + + +-+3d;
System.out.println(a);
}
Run Code Online (Sandbox Code Playgroud) 我在两个不同的包中有两个类:
package package1;
public class ParentClass {
public void testPublic() {
}
protected void testProtected() {
}
}
package package2;
import package1.ParentClass;
public class ChildClass extends ParentClass {
void test() {
ParentClass par = new ParentClass();
par.testProtected(); // Line 1 : ERROR: testProtected() has protected access in ParentClass
testProtected(); // Line 2 : No error
ChildClass ch = new ChildClass();
ch.testProtected(); // Line 3 : No ERROR
testProtected(); // Line 4 : No error
}
}
Run Code Online (Sandbox Code Playgroud)
我能够理解为什么调用时没有错误testProtected() -- …
java ×4
angular ×3
angularjs ×3
typescript ×2
angular5 ×1
api ×1
components ×1
express ×1
for-loop ×1
html ×1
ide ×1
inheritance ×1
java-8 ×1
java-stream ×1
javascript ×1
jquery ×1
node.js ×1
package ×1
protected ×1
title ×1
ui-select ×1