我试图通过选择 Angular 类来获取元素的内部值。但由于某种原因,当我尝试选择 var displayed = angular.element(element.getElementsByClassName("btn-danger")); 时,它一直给我一个错误,这就是错误
angular.js:13642TypeError: angular.element.getElementsByClassName 不是一个函数
难道是因为我将 Angular 和 jquery 混合在一起
主要问题出在点击 Controller 上。 它获取与 json 一起加载的 ul 的值,并应该显示在鼠标单击我的底部(该数字仅用于测试)
该项目是一个单击键盘,最终将有一个间隔和切换键,以便残疾人只需单击一下即可打字
这是 View
<body ng-controller="mainController" ng-click="textArea = textArea + 1">
<div ng-controller="clickController">
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Click and Type</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div ng-controller="intervalController">
<ul class="general_button" ng-repeat="letter in language[0].rows track by $index" ng-init="rowIndex = $index"> {{rowIndex}}
<button type="button" class="btn " ng-class="{true:'btn-danger', false:'btn-info'}[rowIndex ==isSelected() || columnIndex == isSelected()]" ng-repeat="single in letter track by $index" ng-init="columnIndex = $index">
{{columnIndex}}{{single}}
</button>
</ul>
<div >
<h1 ng-mousemove="textArea = textArea + 1">Mouse over me!</h1>
<label for="inputlg">input-lg</label>
<input class="form-control input-lg" id="inputlg" type="text" value="{{ textArea + highlightedLetter }}">
</div>
</div>
</div>
</div>
</body>
</html>
这是模型
var App = angular.module('App', []);
var theLanguage = 'english';
App.factory('jsonLanguage', function($http){
var theLanguage = 'english';
return {
get: function(theLanguage){
//var url = theLanguage + '.json';
var url = 'english.json';
return $http.get(url);
}
}
});
App.controller('mainController', function($scope, $http, $log, jsonLanguage) {
jsonLanguage.get().then(function(res){
$scope.language = res.data;
$log.log($scope.language);
});
$scope.isSelected = function(rowIndex, columnIndex) {
return 0;
}
});
App.controller('intervalController', function($scope, $log) {
this.$log = $log;
//var name = $scope.single;
//$log.log(name);
});
App.controller('clickController', function($scope, $log) {
$scope.$log = $log;
var highlighted = angular.element(angular.element.getElementsByClassName("btn-danger"));
alert($scope.highlightedLetter = highlighted.value);
});
我非常感谢任何帮助,因为我是 Angular 的新手。
最佳答案
Jquery 中没有 getElementsByClassName
方法。尝试使用标准 DOM 查询:
var highlighted = angular.element(document.querySelector(".btn-danger"));
关于javascript - 如何从json中按 Angular 选择类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38818557/