javascript - 使用 Angular 常数记录单选按钮值

Question

我是 Angular 新手，需要一些帮助。

我有三个单选按钮，我想根据用户的选择登录控制台每个单选按钮的值，这是我的 Controller :

    .controller('radioCtrl', function($scope) {
     .constant("data10","10")
     .constant("data20","20")
     .constant("data30","30")

    if(constant == data10){
        console.log(10);
    }else{
        if(constant == data20){
            console.log(20);
        }else{
            if(constant == data30){
                console.log(30);
            }
        }
    }
 })

这就是我的观点:

      <div class="radio" ng-controller="radioCtrl">
       <label class="radio-inline"><input type="radio" ng-model="walmart" value="data10">Show top 10</label>
       <label class="radio-inline"><input type="radio" ng-model="walmart" value="data20">Show top 20</label>
       <label class="radio-inline"><input type="radio" ng-model="walmart" value="data30">Show top 30</label>
      </div>

我的 Controller 语法没问题还是我遗漏了什么？

Answer 1

您需要将 console.log 附加到事件。

在输入上使用 ng-change 并附加一个函数作为事件处理程序，最终打印出您想要的值。

类似这样的事情:

<input ng-change="logger(val)" />

然后在你的 Controller 中

$scope.logger = function(val){
   console.log(val)
}

文档:https://docs.angularjs.org/api/ng/directive/ngChange