Angularjs Angular/Jade/UI引导+内联Javascript

我试图在UI引导模式中加载LinkedIn内联配置文件示例

我用的代码和你的一模一样。模式有效，但LinkedIn内联配置文件无法生成

有什么线索吗

<!--OUTPUT-->
<ul>
    <li ng-repeat="item in items" class="ng-scope">
        <script type="IN/MemberProfile" data-id="https://www.linkedin.com/pub/kelsey-garvey/1a/954/75" data-related="false" data-format="inline">
        </script>
    </li>
    <li ng-repeat="item in items" class="ng-scope">
        <script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/lindsayahearne" data-related="false" data-format="inline">
        </script>
    </li>
    <li ng-repeat="item in items" class="ng-scope">
        <script type="IN/MemberProfile" data-id="https://www.linkedin.com/pub/sean-gustilo/1/117/876" data-related="false" data-format="inline">
        </script>
    </li>
</ul>

//-JADE
script#myModalContent(type='text/ng-template')
    div.modal-header
        h3.modal-title I'm a modal!
        div.modal-body
            ul
                li(ng-repeat="item in items")
                    script(type="IN/MemberProfile", data-id="{{ item}}", data-related="false", data-format="inline")

//CONTROLLER
    $scope.items = [
      "https://www.linkedin.com/in/jeffweiner08", 
      "https://www.linkedin.com/in/williamhgates",
      "https://www.linkedin.com/in/barackobama"
    ]

    $scope.open = function (size) {

      console.log($scope.connections.used)

      var modalInstance = $modal.open({
        templateUrl: 'myModalContent',
        controller: 'ModalInstanceCtrl',
        size: size,
        resolve: {
          items: function () {
            return $scope.items;
          }
        }
      });

      modalInstance.result.then(function (selectedItem) {
        $scope.selected = selectedItem;
      }, function () {
        $log.info('Modal dismissed at: ' + new Date());
      });
    };

    $scope.inputInit();
    $scope.timerStart();
    $scope.inputReset();
      $scope.connectionNext();
  });

angular.module('whoDatMemberApp').controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {

  $scope.items = items;
  $scope.selected = {
    connection: $scope.items[0]
  };

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
});

---

LinkedIn库在库加载完成后解析文档，并激活此时DOM中的脚本标记

如果任何LinkedIn脚本标记稍后出现在DOM中，则库不会监视它，因此它不会知道。您必须要求库再次解析它

这个答案应该有帮助

您的ModalInstanceCtrl控制器应调用

IN.parse(domNode)

将项绑定到$scope之后

---

domNode是要向下解析的根节点，因此您应该获取对模态元素的引用并将其传递给IN。parse

您能提供输出HTML吗？经过玉石加工，棱角分明。也许只需右键单击modal->inspect，右键单击html元素，复制为html，粘贴到这里。我想你必须加载LinkedIn库才能激活这些脚本标记。也许这样一个库的一些函数在页面加载时被调用，完成工作；如果是这种情况，您可能需要在angular绑定脚本标记后再次调用它。