我有一个简单的 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/