[AngularJS]ng-model 从无线电按钮一直是 undifined

发布时间: 2017/4/16 21:24:51
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

当我火 ng-click 事件, ng-model 是始终未定义。我想要选定的值。 别名名称效果很好。

<div ng-if="post.direction != 'digital_in' && post.direction != 'digital_out'">
    <label><input data-ng-model="dir" type="radio" name="direction" value="digital_in">digital input</label>
    <label><input data-ng-model="dir" type="radio" name="direction" value="digital_out">digital output</label>
    {{dir}}
 </div>

<td><button type="submit" class="btn btn-warning" ng-click="updatePin(post, alias, direction.value())"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></button></td>

这是控制器︰

$scope.updatePin = function(post, alias, dir){
    console.log(post.id);

    post.alias = "" + alias;
    post.direction = "" + dir;
    $http.post('http://localhost:9000/activePinsUpdate?id=' + post.id , post).success(function(data, status) {
        $scope.loadData();
    });
};

解决方法 1:

你可能需要共享您的代码中是好和快速的方式获取帮助的小提琴。

建议:-您可能需要使用 Pre-Angular 绑定 UI-角 ui http://angular-ui.github.io/bootstrap/versioned-docs/0.12.0/#/getting_started如果你是初学者开始试着与上面的链接因为这些都是已经绑定与 angularjs。所以你将不脸以上各种问题。

你是使用纯 Html 到绑定与角,造成混乱。最后了解角的 ui。

解决方案:-缺少的是 ng-value

<div ng-if="post.direction != 'digital_in' && post.direction != 'digital_out'">
    <label><input data-ng-model="dir" type="radio" name="direction" ng-value="digital_in" ng-checked='true'>digital input</label>
    <label><input data-ng-model="dir" type="radio" name="direction" ng-value="digital_out">digital output</label>
    {{dir}}
 </div>

如果它是仍然不工作

预定义$scope.dir='digital_in'; // it updates on selecting radio.

$scope.updatePin = function(post, alias, dir){
    console.log(post.id);
    post.alias = "" + alias;
    post.direction = "" + $scope.dir;   //value Updates on Check 

    $http.post('http://localhost:9000/activePinsUpdate?id=' + post.id , post).success(function(data, status) {
        $scope.loadData();
    });
};

祝你好运!!

赞助商