使用javascript对<div>应用更改

时间:2018-03-09 12:15:40

标签: javascript

这是我的div类。

<div class="panel-body relative" ng-attr-id="{{{{$parent.p.cameraId}}}}"></div>

如何替换&#34;字符串&#34;下面的代码有以上ng-attr-id?

var target = document.getElementById('string');

2 个答案:

答案 0 :(得分:1)

请参阅https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes

<div class="panel-body relative" ng-attr-id="{{$parent.p.cameraId}}"></div>

价值来自你的范围!并进行插值。在已经渲染的视图中,您无法更改视图。因为代码的输出类似于:

<div class="panel-body relative" id="foo"></div>

因此该属性不再存在。您必须更改父范围值。您应该能够通过服务达到的父母。如果您是开发和使用AngularJS的新手,我会跳过那个古老的东西并转移到Angular。

根据你的问题,我看到你想根据cameraId更改内容,但是你应该只使用视图而不是将vanilla JavaScript与Angular混合。

答案 1 :(得分:1)

做一些代码修改

<div class="panel-body relative" id='string' ng-attr-id="{{{{$parent.p.cameraId}}}}"></div>

id='string'


var target = document.getElementById('string').getAttribute('ng-attr-id');