javascript - 选择按钮 ng 模型值在 ng 内未定义 if

标签 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-model 发出警报时的结果 when i alert($scope.yayaya); when i alert($scope.yoyoyo);

最佳答案

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

演示

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
    $scope.show = function(yo) {
      alert(yo);
    }
    
});
<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>
 
        

关于javascript - 选择按钮 ng 模型值在 ng 内未定义 if,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47321329/

相关文章:

javascript - 在文件夹中搜索文件名的部分内容

javascript - Angular UI 日期选择器获取错误的日期

angularjs - Angular ui 模态如何从右侧弹出

css - 如何为 UI Bootstrap 选项卡指令填充选项卡背景?

javascript - 作为 JavaScript 中每 4 个字符的连字符

javascript - 内联 Angular 加载模板

javascript - 以 Angular 登录后显示 Bootstrap 导航栏并应用路由功能

javascript - 如何在浏览器中显示word/pdf二进制数据

javascript - angular js中可选择的表格模式弹出窗口

javascript - 从 ng-view 文件 Angular 加载图像