如何从json中以角形式选择类名
如何从json中以角形式选择类名
提问于 2016-08-07 21:07:00
我试图通过在角中选择类来获得元素的内部值。但出于某种原因，当我试图选择var highlighted = angular.element(element.getElementsByClassName("btn-danger"));时，它总是给我一个错误，这就是angular.js:13642TypeError: angular.element.getElementsByClassName is not a function错误，可能是因为我将角和jquery混合在一起。
主要问题是单击控制器。它获取加载json并在鼠标底部显示的ul值，单击me(这个数字只是用于测试)。
该项目是一个单击键盘，最终将有一个间隔和切换键，以便残疾人只需一次单击就可以输入。
这里是风景
<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);
});我非常感谢任何帮助，因为我是新的角。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-07 21:20:48
Jquery中没有getElementsByClassName方法。尝试使用标准DOM查询：
var highlighted = angular.element(document.querySelector(".btn-danger"));Stack Overflow用户
发布于 2016-08-07 21:16:01
getElementsByClassName是DOM元素的函数，而不是jQuery。
试试这个，也许能帮到你：
var classElement = document.getElementsByClassName("multi-files");
var highlighted= angular.element(classElement);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38818557
复制相关文章
相似问题
腾讯云开发者
