angularjs - 使用 Angular 将按钮值传递到函数中

标签 angularjs

我有一个简单的 nav-bar ,其中当我单击选项卡时,我需要将选项卡的值传递到方法中。
我尝试了此操作,但得到了 undefined .

<body ng-app="myApp" ng-controller="myCtrl">
<div>
<ul><li ng-click="displayValue(home)"><a data-toggle="tab" href="#"><span class="tabName" ng-model="home">Home</span></a></li></ul>
</div>
</body>

<script>
var app=angular
            .module('myApp', [])
            .controller('myCtrl', function ($scope) {
                $scope.displayValue= function (val) {
                    alert(val)
                }
            })
 </script>

这里我需要将 home 传递到一个方法中。

最佳答案

您无法将文本作为参数从 View 传递。如果你定义了ng-model,那么你可以直接在 Controller 中访问它。这是更新后的代码。我想这会消除你所有的疑虑。

var app=angular.module('myApp', [])
    app.controller('myCtrl', function ($scope) {
        $scope.home = "Home";
        $scope.displayValue = function (val) {
            alert($scope.home);
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
<ul><li ng-click="displayValue(home)"><a data-toggle="tab" href="#"><span class="tabName" ng-model="home">{{home}}</span></a></li></ul>
</div>

关于angularjs - 使用 Angular 将按钮值传递到函数中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44581356/

相关文章:

angularjs - AngularJS 指令范围内的 '@' 和 '=' 有什么区别?

javascript - 在 DIV Angular JS 之间切换

javascript - Ng-repeat 和 iScroll 动态宽度不起作用

node.js - app.router 和 express.static 的 Expressjs 顺序

javascript - Angular js : element. val 在指令链接函数中不起作用

angularjs - Angular UI路由器| $ stateParams不起作用

angularjs - 如何在 Angular 服务中使用带有 Promise 模式的 Restangular

javascript - Angular : [$injector:modulerr] Failed to instantiate module

javascript - AngularJS 模块分离无法正常工作

javascript - 上传文件 Angular