使用angular2更改html中的值

时间:2018-09-20 07:50:41

标签: angular

我需要更改HTML中的值->

例如->

compontent .ts

public varBoolean: boolean;

HTML->

  1º <a>
     <a  href="http://localhost:8090/download/{{varBoolean}}">
      </a>

    2º<a>

     <a href="http://localhost:8090/download/{{varBoolean}}">
     </a>

in1º“ var” = true;但是我的2º=假。我需要我的var具有相同的名称,因为我的服务器获取的名称是->

  @RequestMapping(method = RequestMethod.GET, path = "/download/{varBoolean}

我尝试过:

1º a http://localhost:8090/download/{{varBoolean=true}}
2º a http://localhost:8090/download/{{varBoolean=false}}

但是我得到一个错误:/

1 个答案:

答案 0 :(得分:2)

@RequestMapping(method = RequestMethod.GET, path = "/download/{varBoolean}

并不意味着您需要在客户端使用相同的“ varBoolean”

错误

{{varBoolean = true}}不起作用,因为您不能在插值中使用赋值运算符

1º a http://localhost:8090/download/{{varBoolean=true}}
2º a http://localhost:8090/download/{{varBoolean=false}}

您需要的是

1º a http://localhost:8090/download/true
2º a http://localhost:8090/download/false

因此,您可以使用任何变量名称或任意数量的变量在cline端将true保留为false并将路径变量附加到url

如果布尔值是动态的,那么您可以这样做

组件

1DegreeBoolean = true;
2DegreeBoolean = false;

html

1º <a>
     <a  href="http://localhost:8090/download/{{1DegreeBoolean}}">
      </a>

    2º<a>

     <a href="http://localhost:8090/download/{{2DegreeBoolean}}">
     </a>