【问题标题】:Is it possible to use a bound value in ngClick是否可以在 ngClick 中使用绑定值
【发布时间】:2026-01-18 07:45:01
【问题描述】:

是否可以做到以下几点:

<li><a ng-click="letterFilter = {section:'{{bound.value}}'}">{{bound.value}}</a></li>

使用 ng-repeat 和 JSON 文件获取以下输出以通过 $http 提供数据

 <li><a ng-click="letterFilter = {section:'A'}">A</a></li>
 <li><a ng-click="letterFilter = {section:'B'}">B</a></li>

谢谢

附加信息: JSON

[{"section": "A"},{"section": "B"},{"section": "C"}]

HTML

<ul ng-controller="letterController" class="pagination">
    <li ng-repeat="letter in letters"><a ng-click="letterFilter = {section: letter.section}">{{letter.section}}</a></li>
</ul>

app.js

.controller('letterController',['$scope','$http',function($scope,$http){
      $http.get('data.json').success(function(data){
        $scope.letters= data;
      })
    }])

【问题讨论】:

  • 你能提供绑定变量的上下文吗?例如,请显示ng-repeat 并提供一些示例对象。

标签: angularjs angularjs-ng-repeat ng-repeat angularjs-ng-click


【解决方案1】:

ng-click 计算 angular expression,因此只需直接引用变量而不使用 {{ }}。例如:

<a ng-click="letterFilter = { 'section': bound.value }">{{bound.value}}</a>

【讨论】:

    最近更新 更多