假设我有一个 Controller 和许多具有自己的 data
属性的子 DOM。
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.16/angular.js" data-semver="1.2.16"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p data-test-val='Brian'>Hello {{name}}!</p>
</body>
</html>
我想像这样访问data-test-val
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $attrs) {
$scope.name = $attrs.testVal;
});
但是,它似乎不起作用,因为 name
为空。
http://plnkr.co/edit/V1Leit8U7r2k4CZDGaGa?p=preview
如何访问相同范围的子 DOM 中的任何 data
属性?
谢谢。
最佳答案
你用属性获取方面的指令搞乱了 Controller 。
指令:
.directive('directiveName', function() {
return {
link: function($scope, $elem, $attrs) {
// get $attrs stuff here
}
}
});
关于javascript - 如何获取 Controller 中子DOM的$attrs数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23359488/