Question

所以，事情就是这样：我有一个ng-repeat允许我创建多行，每行包含来自Semantic UI的下拉列表。

事实是，需要使用以下代码初始化语义UI下拉：

$('.ui.dropdown')
  .dropdown()
;

不幸的是，ng-repeat创建了自己的范围，其中下拉列表不再被初始化。我怎么能把这段代码注入ng-repeat？或者您是否有任何提示以其他方式修复它？

事实是，当你在选项中选择一个ng-repeat时，它可以很好地工作，但是当你在下拉列表之外进行ng-repeat并因此多次复制时，你可以多次下载＆＃39我将赢得工作。

以下是我在JSFiddle中需要做的一个示例：https://jsfiddle.net/bttj1apa/2/

Answer 1

你需要将sematic ui初始化放在一个指令中，它将被初始化。下面是相同的演示！

<强>指令：

myApp.directive("dropdown", function() {
  return {
    restrict: "A",
    link: function(scope, element, attrs) {
      element.dropdown();
    }
  }
})

`JSFiddle Demo`

我假设您没有使用适当的角度插件来实现semantic-ui，主要是会发生什么。

控制器或指令中的更改不会反映在输出HTML中。
可能会反复抛出一些错误。

为了省去这方面的麻烦，请为angular plugins

semantic UI

以下是使用Angular Semantic UI Dropdown

ng-repeat中的语义UI下拉列表初始化

1 个答案:

`JSFiddle Demo`