Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular2-在进行下拉值选择时,将动态加载的参数传递给函数_Javascript_Html_Twitter Bootstrap_Angular - Fatal编程技术网

Javascript Angular2-在进行下拉值选择时,将动态加载的参数传递给函数

Javascript Angular2-在进行下拉值选择时,将动态加载的参数传递给函数,javascript,html,twitter-bootstrap,angular,Javascript,Html,Twitter Bootstrap,Angular,请检查,我是否以正确的格式传递li标记单击更新ID方法的功能的参数?控制台中的错误仅显示该行 我的app.component.html代码是 <div class='form-group' style="width: 100%;"> <div class="btn-group" style="width: 100%;"> <button type="button" class="btn btn-default" style="width :

请检查,我是否以正确的格式传递li标记单击更新ID方法的功能的参数?控制台中的错误仅显示该行

我的app.component.html代码是

<div class='form-group' style="width: 100%;">
    <div class="btn-group" style="width: 100%;">
        <button type="button" class="btn btn-default" style="width : 75%;text-align: left;">{{name}}</button>
        <button type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
        <ul class="dropdown-menu" style="width: 75%;">
             <li *ngFor="let result of jsonList" ><a class="dropdown-item" (click)="updateId('{{result.id}}', '{{result.name}}')" >{{result.name}}</a>
            </li>
        </ul>
    </div>
</div>

它不起作用。错误出现在li标记单击函数方法上,该函数方法从jsonList传递动态参数。所以请帮我解决。

不要在事件绑定中使用手柄
{{}
,例如
(单击)
属性-它们将根据组件实例自动计算。单引号也不需要。像这样使用它:

<li *ngFor="let result of jsonList">
    <a (click)="updateId(result.id, result.name)">{{result.name}}</a>
</li>

{{result.name}


不要在事件绑定中使用手柄
{{}
,例如
(单击)
属性-它们将根据组件实例自动计算。单引号也不需要。像这样使用它:

<li *ngFor="let result of jsonList">
    <a (click)="updateId(result.id, result.name)">{{result.name}}</a>
</li>

{{result.name}


在为事件处理程序指定参数时,不需要{{}(ng单击)。正确的语法应该是

<li *ngFor="let result of jsonList">
    <a (click)="updateId(result.id, result.name)">{{result.name}}</a>
</li>

{{result.name}


在为事件处理程序指定参数时,不需要{{}(ng单击)。正确的语法应该是

<li *ngFor="let result of jsonList">
    <a (click)="updateId(result.id, result.name)">{{result.name}}</a>
</li>

{{result.name}


错误是什么?这是一个输入错误:
this.name
?请告诉我们您将遇到的错误、您预期会发生的情况以及您将遇到的情况,以帮助我们。你不能只是发布代码说它不起作用,然后抱着最好的希望。您需要提供信息,以便人们知道在哪里查找。@nbo。。。。更改了它并编辑了问题。。。。。现在请检查一下。请小心选择标签。AngularJS与Angular2无关,它们是完全不同的框架。可能重复的错误是什么?这是一个输入错误:
this.name
?请告诉我们您将遇到的错误、您预期会发生的情况以及您将遇到的情况,以帮助我们。你不能只是发布代码说它不起作用,然后抱着最好的希望。您需要提供信息,以便人们知道在哪里查找。@nbo。。。。更改了它并编辑了问题。。。。。现在请检查一下。请小心选择标签。AngularJS与Angular2无关,它们是完全不同的框架