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

Question

我想将html元素传递给angularjs代码。 我有一些html元素，例如data-form-selector='#linechart_general_form'和data-url="{% url 'horizon:admin:metering:samples'%}" 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

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

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

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

您需要首先创建一个angular应用程序和控制器，然后使用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