首页 / JAVASCRIPT / javascript – AngularJS文本框返回未定义的值

javascript – AngularJS文本框返回未定义的值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS文本框返回未定义的值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1375字，纯文字阅读大概需要2分钟。

内容图文

当我按下我的按钮检查bootstrap模式时,我想在我的控制台中打印我的文本框的值.但我的文本框返回一个未定义的.似乎所有的代码都是完美的.

这是链接Plunker

<!doctype html>
<html ng-app="app" ng-controller="ModalDemoCtrl">
<head>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
    <script src="example1.js"></script>
</head>
<body>

<div ><button class="btn btn-default" ng-click="open('lg')" >Large modal</button>
    <script type="text/ng-template" id="myModalContent">
    <div class="modal-header">
        <h3 class="modal-title">I'm a modal!</h3>
    </div>
    <input type="text" ng-model="new" /><button ng-click="check()" >check</button>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>
    </script>
</div>
</body>
</html>

解决方法:

由于您的模态设置为拥有自己的控制器,因此具有自己的范围,

当你执行’check’函数时,它会尝试提醒$scope.new,

$scope.new未在模态范围上设置.

克服这个问题的一种方法是将新变量传递给函数,并让函数警告传递的值.

这是一个固定的plunkr

调用check()时,传入新变量：

<button ng-click="check(new)">check</button>

并在您的控制器中更改检查功能：

$scope.check = function(text) {
   alert(text);
};

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS文本框返回未定义的值全部内容，希望文章能够帮你解决javascript – AngularJS文本框返回未定义的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/724377.html

来源：【匿名】