小编ess*_*ara的帖子
Angular 不会加载 styles.css
我正在构建一个简单的angular应用程序bootstrap。看来基地index.html不会加载styles.css。如果我将 css 代码直接放入 html 标签中，它就会像魅力一样工作。我尝试重新启动应用程序并清除浏览器缓存，它似乎只是忽略样式文件。当我第一次编写 css 文件时它起作用了，因此我认为这是一个缓存问题。我没有更改 Angular 项目基础结构。
这是我的代码。
索引.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ReagApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<div class="container">
<app-root></app-root>
</div>
</body>
</html>
样式.css
body {
background-color: #d9d9d9;
}
.container{
width: 70%;
max-width: 100%;
background-color: white;
margin-left: auto;
margin-right: auto;
}
这是有效的版本。
索引.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ReagApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link …推荐指数
解决办法
查看次数
Apache Camel - 将消息发送到路由后的响应
我正在为我的项目使用Apache Camel和。Spring Boot我有以下代码，我在端点上收到一个json objectvia ；然后我将其映射到 a ，修改它并再次将其发送到另一个端点。httprtosPOJO
restConfiguration().component("servlet").host("localhost").port("8080").bindingMode(RestBindingMode.auto);
rest("/request").post("/rtos").type(User.class).to("direct:rtos")
from("direct:rtos").process(new Processor() {
public void process(Exchange exchange) throws Exception {
User body = exchange.getIn().getBody(User.class);
System.out.println("Input object: " + body.getName() + ", " + body.getAge());
body.setAge("35");
System.out.println("Output object: " + body.getName() + ", " + body.getAge());
}
}).marshal().json(JsonLibrary.Jackson)
.to("http4://localhost:8080/receive?bridgeEndpoint=true");
from("servlet:/receive").unmarshal().json(JsonLibrary.Jackson, User.class).process(new Processor() {
@Override
public void process(Exchange exchange) throws Exception {
User body = exchange.getIn().getBody(User.class);
body.setAge("100");
System.out.println("Received object: " + body.getName() + ", …推荐指数
解决办法
查看次数
使用Javascript中的Set删除重复项
我正在努力做一些非常简单的事情.我有一个对象数组.我需要根据id属性从这个数组中删除重复.所以我想创建一个Set包含我的ID,如下所示:
let myArray = [{
id: 10,
other: "bla"
},
{
id: 15,
other: "meh"
},
{
id: 10,
other: "bla"
}
]
let indexes = new Set();
myArray.forEach(a => indexes.add(a.id));
console.log('indexes list', indexes)但indexes总是空的.我究竟做错了什么？谢谢.
编辑:我选择@Hyyan Abo Fakher作为正确的答案,因为他是对的,但@bambam评论中的建议是解决整个问题的一个很好的解决方案.谢谢大家.
推荐指数
解决办法
查看次数
Angular - 选择占位符未显示
这个简单的代码有什么原因不起作用吗？我试图在我的选择中添加一个占位符，但它只是显示为列表中的其他选项之一。
<div *ngFor="let d of formDatiRichiesta" class="form-row">
<select *ngIf="d.type=='select'"
class="form-control"
name="{{d.name}}"
[(ngModel)]="model[d.name]"
required>
<option selected disabled>{{d.placeholder}}</option>
<option *ngFor="let b of elencoBanche" value="{{b.id}}">{{b.denominazione}}</option>
</select>
</div>
我正在使用angular4. 谢谢。
--编辑--我发现如果我删除 [(ngModel)]="model[d.name]"一切正常。任何提示？
推荐指数
解决办法
查看次数
Angular - FormGroup 上的 ngOnChange
我需要检测 a 字段的实时变化FormGroup。我有一个简单的父子组件结构如下：
父组件视图
<my-child [myForm]="myForm"></my-child>
子组件控制器
@Input()
myForm: FormGroup;
ngOnChanges(changes: SimpleChanges) {
console.log('changes', changes)
}
问题是当表单字段更改时没有检测到任何更改。有没有办法触发ngOnChanges任何形式的变化？谢谢。
推荐指数
解决办法
查看次数
Angular 4 index.html 不会加载任何脚本
这令人沮丧，我试图在我的内部加载一个简单的脚本，index.html但我得到了 404。
索引.html
<head>
<meta charset="utf-8">
<title>Login</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script type="text/javascript" src="./app/scripts/angular-cookies.js"></script>
</body>
</html>
这是我的项目结构
这是我得到的错误 - 404
该文件在那里，它不是空的。我也试过：
<script type="text/javascript" src="../app/scripts/angular-cookies.js">
和
<script type="text/javascript" src="app/scripts/angular-cookies.js">
和
<script type="text/javascript" src="/app/scripts/angular-cookies.js">
任何帮助将不胜感激，谢谢！
推荐指数
解决办法
查看次数
标签 统计
angular ×4
html ×3
javascript ×2
apache-camel ×1
css ×1
duplicates ×1
forms ×1
java ×1
json ×1
ngonchanges ×1
node.js ×1
set ×1
spring-boot ×1