javascript - 将模型分配给Angular中动态创建的html元素

我想设置由JQuery动态创建的模型。我找到了一个带$compile的示例here，但在我的情况下，我在创建时无法访问这些创建的元素，因为这些元素是由第三方插件创建的（如JQuery UI s ）。我只能访问他们的ID。

那么有没有办法将模型设置为这些元素。（我使用jquery 1.3）

下面是一个示例：假设我正在使用Jquery的滑块here。 #slider只是我们可访问布局中的div。其余元素由JQuery UI创建。

<script>
  $(function() {
    $( "#slider" ).slider();
  });
  </script>
</head><body> 
<div id="slider"></div> 
</body>

使用范围

创建滑动小工具

<span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 9%;"></span>

此范围由jquery动态创建。在这种情况下，我想为这个<span>设置一个角度模型？