gpt4 book ai didi

javascript - Angular - Ng-change 始终返回相同的值

转载 作者:行者123 更新时间:2023-12-03 11:45:46 25 4
gpt4 key购买 nike

我想问一下,如何从单选列表中获取选定的值?

我尝试了 ng-change 和监视范围,但我始终只得到在应用程序初始化期间设置到模型中的第一个值。

这是我的代码示例:

单选按钮组:

<div class="list" ng-contoller="SettingsCtrl">
<ion-radio ng-model="choice" ng-value="'dials'">Dials</ion-radio>
<ion-radio ng-model="choice" ng-value="'conversations'">Conversations</ion-radio>
<ion-radio ng-model="choice" ng-value="'appoitnments'">Appointments</ion-radio>
<ion-radio ng-model="choice" ng-value="'orders'">Orders</ion-radio>
</div>

JS:

// Default choice scope
$scope.choice;

$scope.$watch('choice', function(value) {
// Here i get always the same value
console.log("Selected goalType, text: " +value);
});

如何获取选定的值并将该值设置到范围内?

感谢您的帮助。

最佳答案

不使用 ionic 框架和输入单选按钮,它可以工作。你刚刚在这一行犯了一个错误 <div class="list" ng-contoller="SettingsCtrl"> 。您忘记了 Controller 中的 r。

这是工作代码:HTML

<!DOCTYPE html>
<html ng-app="app">

<head>
<script data-require="angular.js@1.2.25" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>

<body >
<div class="list" ng-controller="SettingsCtrl">
<input type="radio" ng-model="choice" ng-value="'dials'">Dials
<input type="radio" ng-model="choice" ng-value="'conversations'">Conversations
<input type="radio" ng-model="choice" ng-value="'appoitnments'">Appointments
<input type="radio" ng-model="choice" ng-value="'orders'">Orders
</div>
</body>

</html>

和 JavaScript :

var app = angular.module('app', []);

app.controller('SettingsCtrl', function($scope){
$scope.choice;
console.log('ctrl');
$scope.$watch('choice', function(value) {
// Here i get always the same value
console.log("Selected goalType, text: " +value);
});
});

你可以在这里看到它的工作原理: http://plnkr.co/edit/TRJKW7eOlBek6TditM1B?p=preview

编辑我已经用 ionic 框架对其进行了测试。它也正在发挥作用。所以这只是问题所在。

关于javascript - Angular - Ng-change 始终返回相同的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26056894/

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