Html 在同一页上重复AngularJs块

我正在使用Umbraco 7.3.3和ArcheType，并使用AngularJS创建了自己的Twitter旋转块。如果我在页面中添加一个块，它工作得很好，但是如果我添加另一个块（一个重复的块，但使用不同的参数），它就不工作了。 以下是代码片段：

var fieldset = (ArchetypeFieldsetModel)ViewData["fieldset"];
// Dynamic Block Properties entered from CMS
var propWidth = @fieldset.GetValue("blockWidth"); //blockWidth
var propScreenName = @fieldset.GetValue("blockScreenName") != null ? @fieldset.GetValue("blockScreenName") : ""; //blockScreenName
var propHashTag = @fieldset.GetValue("blockHashTag") != null ? @fieldset.GetValue("blockHashTag") : ""; //blockHashTag
var uniqueId = @fieldset.Id;

如何让多个块使用相同的JS代码工作，但从不同的块传入不同的参数，而不发生冲突？

---

谢谢

当你说它坏了时，你能更具体地说明它是怎么坏的吗？另外，在您看来，当您有两个块时，两个块是否具有相同的ID？（ng apptwitter id部分）。如果是，那就不是有效的HTML，ID必须是唯一的。你要复制的块是什么？一个页面上只能有一个ng应用程序。当你说它不起作用时，你能更具体地说明它是如何损坏的吗？另外，在您看来，当您有两个块时，两个块是否具有相同的ID？（ng apptwitter id部分）。如果是，那就不是有效的HTML，ID必须是唯一的。你要复制的块是什么？一个页面上只能有一个ng应用程序。 twitterBlockModule.value("ScreenName", "@propScreenName").value("id", "@uniqueId").value("HashTag", "@propHashTag");

<div class="@Helpers.GetBootStrapWidth(propWidth)">
<div class="twitter-box">
    <h3>Twitter</h3>

    <div id="ng-apptwitter" ng-app="twitterControl" ng-controller="PostsTwitterCtrlAjax">
        <div class=" twttopquote"><br /></div>
        <div class="content">
            <div class="twtspinner" ng-show="loading"><i class="fa fa-spinner fa-spin"></i><br /><span class="twtSpinnerText">Loading Twitter comments...</span></div>
            <ul class="twitterlist" id="Twitterlist-@uniqueId"></ul>
        </div>
        <div class="twtBottomQuote"><br /></div>
        </div>
</div>

var twitterBlockModule = angular.module("twitterControl", []);
 twitterBlockModule.controller("PostsTwitterCtrlAjax",
  function ($scope, $http, ScreenName, id, HashTag) {
    $scope.ScreenName = ScreenName;
    $scope.HashTag = HashTag;
    $scope.id = id;
    .....//More Code
  });
 );