javascript - 出现 Angular 模型名称而不是值

Question

我遇到了一个以前从未见过的非常奇怪的问题。

我有一个简单的 ng 重复

  <ul class="dropdown-menu" data-uib-dropdown-menu role="menu" data-aria-labelledby="customer-type">
       <li data-ng-repeat="customer in ctrl.customers">
        <a data-ng-click="ctrl.selectCustomerType('{{customer.Name}}', '{{customer.Id}}')">{{customer.Name}}</a>
       </li>
  </ul>

标记在浏览器中呈现得很好 - 像这样

<ul class="dropdown-menu" data-uib-dropdown-menu="" role="menu" data-aria-labelledby="customer-type">

      <!-- ngRepeat: customer in ctrl.customers -->

      <li data-ng-repeat="customer in ctrl.customers" class="ng-scope">
      <a data-ng-click="ctrl.selectCustomerType('Customer1', '1')" class="ng-binding">Customer1</a>
      </li>
      <!-- end ngRepeat: customer in ctrl.customers -->

     <li data-ng-repeat="customer in ctrl.customers" class="ng-scope">
     <a data-ng-click="ctrl.selectCustomerType('Customer2', '2')" class="ng-binding">Customer2</a>
     </li>
     <!-- end ngRepeat: customer in ctrl.customers -->

     <li data-ng-repeat="customer in ctrl.customers" class="ng-scope">
     <a data-ng-click="ctrl.selectCustomerType('Customer3', '3')" class="ng-binding">Customer3</a>
     </li>
     <!-- end ngRepeat: customer in ctrl.customers -->

</ul>

问题在此之后开始。当我选择下拉菜单并选择内容时，它会调用函数 selectCustomerType。现在，当我调试此方法时，它不会返回像 customer1、1 或 customer 2、2 这样的值，而是将值作为“{{customer.Name}}”和“{{customer.Id}}”发送，即:

function selectCustomerType(name, id) {
console.log(name); // - this prints {{customer.Name}} instead of actual value
console.log (id);// - this prints {{customer.Id}} instead of actual value
//do something 
}} 

我在很多地方都用过这个，我不明白为什么..任何指针？

Answer 1

ng-click 需要一个表达式。您不需要双花括号。

改变这个

<a data-ng-click="ctrl.selectCustomerType('{{customer.Name}}', '{{customer.Id}}')">{{customer.Name}}</a>

成为

<a data-ng-click="ctrl.selectCustomerType(customer.Name, customer.Id)">{{customer.Name}}</a>