修改股票星级后，点击save，在股票信息管理页面可以看到股票星级已经改变，但是整个页面马上就刷新了，然后股票星级又恢复成原来的了。

Question

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");

  }

}

Answer 1

提问者 慕粉5925852 2018-06-25 21:52:37

这是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>

Answer 2

JoJo 2018-06-25 09:08:45

看一下页面的代码，是不是按钮还做了别的操作，比如提交表单什么的。

• 提问者 慕粉5925852 #1

  save代码中的navigateByUrl下面有这样的提示：“promise returned from navigatebyurl is ignored”，还有一个灰色的下滑波浪线。该怎么消除呢？