使用 Kendo UI Sortable 和 Angular 对数组进行排序

Question

我正在使用带有 Angular 和 Typescript 的 Kendo UI。我知道 Kendo UI 和 Angular 很痛苦，但我必须这样做......

视图效果很好，但是当我想访问 change-Event 中的数组并重新排序数组时，变量不存在。这似乎是另一个范围。所以在这个演示中会弹出警报：

        // Change Event
        changed(e: kendo.ui.SortableEndEvent) {
          console.log(e);
          console.info(this.data);

          // For Demo
          if(this.data == undefined){
            alert("Can not access Data Array");
            return;
          }

            // swap
            var oldElement = this.data[e.oldIndex];
            this.data[e.oldIndex] = this.data[e.newIndex];
            this.data[e.newIndex] = oldElement;
        }

         data = [
          { value: "Val 1" },
          { value: "Val 2"},
          { value: "Value 3"},
          { value: "Value 4"}
        ];

是否有解决方法，以便我可以访问该数组？

我这里有一个例子：http://codepen.io/anon/pen/ozbRJA?editors=1010

Answer 1

正如Philipp 所评论的，更改事件在另一个上下文中。使用this.$angular_scope.ctrl.data，我可以访问控制器范围和数组。它不是很漂亮，但它确实有效。