选择按钮ng模型值undefined在ng if内

时间:2017-11-16 03:56:24

标签: javascript angularjs angular-ui-bootstrap

我有一个问题,我无法从ng-if中获得ng-model的价值。如果我提醒模型,结果是不确定的。这是我的html文件

<div class="col-sm-2">
            <select class="form-control" ng-model="yayaya">
                <option value="1">yeyeyeye</option>

            </select>
        </div>
        <div class="col-sm-2" ng-if="yayaya ==='1'">
            <select class="form-control" ng-model="yoyoyo">
                <option value="bla">blabla</option>
                        </select>
        </div>

这是我警告ng模型时的结果 when i alert($scope.yayaya); when i alert($scope.yoyoyo);

1 个答案:

答案 0 :(得分:1)

您需要ng-change来获取模型值,您可以按如下方式传递

<强>样本

&#13;
&#13;
var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
    $scope.show = function(yo) {
      alert(yo);
    }
    
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp" ng-controller="testCtrl">
<div class="col-sm-2">
            <select class="form-control" ng-model="yayaya">
                <option value="1">yeyeyeye</option>

            </select>
        </div>
        <div class="col-sm-2" ng-if="yayaya ==='1'">
            <select ng-change="show(yoyoyo)" class="form-control" ng-model="yoyoyo">
                <option value="bla">blabla</option>
            </select>
 </div>
 </body>
 
        
&#13;
&#13;
&#13;