gpt4 book ai didi

javascript - AngularJS,<选择>。

转载 作者:可可西里 更新时间:2023-11-01 13:24:55 26 4
gpt4 key购买 nike

我使用 AngularJS。我在选择选项上绑定(bind)数据。我在每个选项上绑定(bind)了一个点击功能。当我单击该选项时,clickFun 不起作用。

这是我的代码:

<style>
.bigDiv {
width: 500px;
height: 500px;
background-color: gray;
margin: 34px auto;
}
</style>


<body ng-app="app" ng-controller="controller">
<div class="bigDiv">
<select name="xxx" id="">
<option ng-repeat="item in Array" value="" ng-click="clickOptionFun($index)">{{item.name}}</option>
</select>
</div>

<script src="angular.js"></script>
<script>
var app = angular.module('app',[]);
app.controller('controller',['$scope', function ($scope) {
$scope.Array = [
{name: "one"},
{name: "two"},
{name: "three"},
{name: "four"},
];

$scope.clickOptionFun = function (index) {
console.log(index);
}
}])
</script>

我在 clickOptionFun 处设置了一个断点。似乎功能没有实现。我看不到任何日志信息。

最佳答案

你需要有一个 ng-model 用于 ng-change,你可以像这样传递选定的对象,

 <select name="xxx" id="" ng-model="selected"
ng-options="item as item.name for item in Array"
ng-change="clickOptionFun(selected)">
</select>

DEMO

关于javascript - AngularJS,<选择>。 <option> 上的 `ng-click` 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40325809/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com