.NET Web Api控制器变量作为javascript函数参数

我想将一个“变量”从控制器传递到javascript函数。代码如下：

 <div ng-controller="faqController">

        <div ng-repeat="c in categories">
            <h2 onclick="toggle_visibility('quest{{c.catID}}')">{{c.name}}</h2>
            <ul id="quest{{c.catID}}" class="" ng-repeat="q in questions | filter:{ catID: c.catID}" style="display:none">
                <li>{{q.quest}}</li>
           </ul>
   </div>

{{c.name}}

{{q.quest}}

---

问题发生在

onclick

中，其中

{{{c.catID}

不会像在

的id中那样转换为数字。所以我的问题是，我如何使

quest{{{c.catID}}

变成

quest[number]

？

我打赌，如果删除单引号，这个值将被呈现为一个数字

<h2 onclick="toggle_visibility(@quest{{c.catID}})">{{c.name}}</h2>

{{c.name}

Try toggle\u visibility（'quest'+c.catID）这不会显示catID，因此没有使用正确的参数调用该函数。我认为如果使用

ng click

并让controller调用JavaScript函数而不是直接从视图中调用该函数，会更干净。已经尝试过了，但它不起作用。在Visual Studio中，当我尝试它时，它会显示以下内容：

Expected'）”

在

quest

之后的第一个

{

上。在最后一个

}

上，它会显示：

语法错误

。更新答案以包括@