修改股票星级后，点击save，在股票信息管理页面可以看到股票星级已经改变，但是整个页面马上就刷新了，然后股票星级又恢复成原来的了。
来源：6-11 本章实战
慕粉5925852
2018-06-24
export class StockFormComponent implements OnInit {
stock:Stock;
constructor(private routeInfo:ActivatedRoute,private stockService:StockService,private router:Router) { }
ngOnInit() {
let stockId = this.routeInfo.snapshot.params['id'];
this.stock = this.stockService.getStock(stockId);
}
cancel(){
this.router.navigateByUrl("/stock");
}
save(){
console.log(this.stock.rating);
this.router.navigateByUrl("/stock");
}
}
2回答
-
慕粉5925852
提问者
2018-06-25
这是stock-manage.component.html的代码，能帮我看看吗？
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">股票信息</h3>
</div>
<!-- /.box-header -->
<!-- form start -->
<form class="form-horizontal">
<div class="box-body">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">股票名称</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="name" placeholder="股票名称">
</div>
</div>
<div class="form-group">
<label for="price" class="col-sm-2 control-label">股票价格</label>
<div class="col-sm-8">
<input type="number" class="form-control" id="price" placeholder="股票价格">
</div>
</div>
<div class="form-group">
<label for="price" class="col-sm-2 control-label">股票星级</label>
<div class="col-sm-8">
<app-stars [rating]="stock?.rating" [readonly]="false"></app-stars>
</div>
</div>
<div class="form-group">
<label for="price" class="col-sm-2 control-label">股票描述</label>
<div class="col-sm-8">
<textarea class = "form-control" rows = "5">{{stock.desc}}</textarea>
</div>
</div>
<div class="form-group">
<label for="price" class="col-sm-2 control-label">股票类型</label>
<div class="col-sm-8">
<div class="row">
<div class= "col-sm-2">
<div class="checkbox">
<label>
<input type="checkbox">IT
</label>
</div>
</div>
<div class= "col-sm-2">
<div class="checkbox">
<label>
<input type="checkbox">互联网
</label>
</div>
</div>
<div class= "col-sm-2">
<div class="checkbox">
<label>
<input type="checkbox">金融
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-footer">
<button (click)="cancel()" type="submit" class="btn btn-default">取消</button>
<button (click)="save()" type="submit" class="btn btn-info pull-right">保存</button>
</div>
</form>
</div>
00 -
JoJo
2018-06-25
看一下页面的代码，是不是按钮还做了别的操作，比如提交表单什么的。
012018-06-27
相似问题