代码之家 › 专栏 › 技术社区 › Connor Leech

角度1.4-如何将ng单击项的逻辑从模板移动到控制器?

angularjs-ng-click angularjs-ng-repeat angularjs javascript

Connor Leech · 技术社区 · 6 年前

我希望修改一些代码,以便为ng repeat中的ng click事件添加更多功能。

当前代码更新列表中项目的选定属性:

<li ng-repeat="value in facet.values" ng-click="value.selected = (value.selected == 0) ? 1 : 0; accountSearch()">
  ...
</li>

我希望更新所选属性,但同时向我们的分析提供商触发事件:

<li ng-repeat="value in facet.values" ng-click="itemClicked(value)">
  ...
</li>

然后在我的控制器中:

$scope.itemClicked = function(value){
  value.selected = (value.selected == 0) ? 1 : 0; $scope.accountSearch();
  // do other things
}

问题是上述代码不会实际修改模板中的选定属性。如何重新创建此行为,但将逻辑移动到控制器?

2 回复 | 直到 6 年前

Vega Stipe 6 年前

值不会返回到模板,因此它会丢失。请尝试以下操作:

<li ng-repeat="value in facet.values" ng-click="itemClicked($index)">
  ...
</li>


$scope.itemClicked = function(index){
  $scope.facet.values[index].selected = ($scope.facet.values[index].selected == 0) ? 1 : 0; 
  $scope.accountSearch();
}

mwilson 6 年前

<li ng-repeat="value in facet.values" ng-click="itemClicked(value)">
  <input type="checkbox" ng-model="value.selected" />
</li>

ng-checked ng-model

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前