Question

我还在和Angular中的简单事物作斗争。我有jQuery和Backbonejs背景，所以请不要对我大喊大叫。我努力理解差异

我有HTML，其中来自rails的项目ID为data-project-id：

<div data-ng-controller="ProjectCtrl as ctrl" data-project-id="1" id="project_configuration">

有没有机会获得此属性的访问权限？我需要它来进行API调用......

Answer 1

要从控制器访问元素属性，请将$attrs注入控制器函数：

HTML

<div test="hello world" ng-controller="ctrl">
</div>

脚本

app.controller('ctrl', function($attrs) {
  alert($attrs.test); // alerts 'hello world'
});

在您的示例中，如果您想获取data-project-id：

$attrs.projectId

或者如果你想获得id：

$attrs.id

演示：

var app = angular.module('app',[]);
app.controller('ctrl', function($attrs) {
  alert($attrs.test);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl" test="hello world">
  
</div>

Answer 2

在Angular世界中，您应该使用指令来操作DOM元素。这里有一个很好的解释如何从自定义指令（How to get evaluated attributes inside a custom directive）获取属性值。

但如果你仍想从控制器中获取它的价值，你也可以使用jQuery $('#project_configuration').data('project-id')

Angularjs |如何从定义控制器的元素中获取属性值

2 个答案: