gpt4 book ai didi

javascript - 如何获取 Controller 中子DOM的$attrs数据?

转载 作者:行者123 更新时间:2023-11-28 08:18:08 24 4
gpt4 key购买 nike

假设我有一个 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com