Question

我想将 html元素传递给angularjs代码。我有一些html元素，如data-form-selector='#linechart_general_form'和data-url="{% url 'horizon:admin:metering:samples'%}"我想在angularjs代码中访问这些Html元素。

我的html模板，在以下代码中进行更改，以便angularjs代码可以访问其元素。

<div class="info row detail">
      <div class="col-sm-9 chart_container">
        <div class="chart"
             data-chart-type="line_chart"
             data-url="{% url 'horizon:admin:metering:samples'%}"
             data-form-selector='#linechart_general_form'
             data-legend-selector="#legend"
             data-smoother-selector="#smoother"
             data-slider-selector="#slider">
        </div>
        <div id="slider"></div>
        <div class="col-sm-3 legend_container">
          <div id="smoother" title="Smoothing"></div>
          <div id="legend"></div>
        </div>
      </div>
    </div>

Answer 1

- 更新 - 我只是重读了你的问题。要访问那些ATTRIBUTES（不是元素，它们是元素的值），您可以选择带有标识符的对象，然后操纵它的属性，就像这样（jQuery示例）： $（'。chart'）。attr（'data-form-selector'，'myNewValue'）;

您可能需要重新初始化sopmething，因为数据绑定，但这就是我开始的地方。

==================================

首先需要创建一个角度app和控制器，然后使用angularjs和ng-model指令将元素绑定到控制器中的方法，即：

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

在这种情况下，你将在js中操作$ scope.firstName和$ scope.lastName变量。

由W3Schools提供 http://www.w3schools.com/angular/angular_intro.asp

Answer 2

你可以做一个指令。

https://docs.angularjs.org/guide/directive

如何将HTML元素传递给angularjs代码？

2 个答案: